setting image background property to...

May 18th, 2014 at 11:43 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts

Your custom css is set with this
body .row.image-here {
background-image: url("img/1.jpg");
}

Try this.
.row .image-here {
background-image: url("http://stream8media.com/test/coffeecup/img/1.jpg");
}

You'll want to give your row an ID in RLM so it gets applied to the correct row.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
May 18th, 2014 at 11:45 AM
User 2484360 Photo

Adam East
Registered User
3,293 posts

Your img is not in the img folder or in your root directory. Did you upload it? Is it named 1.jpg or 1.jpeg or png?

The issue here is not the code, but the image itself and its location. :P
May 18th, 2014 at 12:03 PM
User 228273 Photo

Craig Warren
Registered User
32 posts

Adam, The image is where it is supposed to be unless i'm really missing something here.

Name:
1.jpg
Location:
/webroot/test/coffeecup/img
Size:
4.2 MB
Modified:
05/18/2014 at 2:31 p.m.

May 18th, 2014 at 12:07 PM
User 228273 Photo

Craig Warren
Registered User
32 posts

Thank you for trying to help Eric, unfortunately it did not help, i am at a complete loss of what is going on with what i thought was a very simple thing to code.:o
May 18th, 2014 at 12:11 PM
User 228273 Photo

Craig Warren
Registered User
32 posts

I will post code again, maybe someone knows a fix..please

trying to add background image property to a row, code as follows, live on a server..http://stream8media.com/test/coffeecup

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Index</title>
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/custom.css">
</head>

<body>
<div class="row image-here">
<div class="coffee-span-12">background image supposed to be here on this row</div>
</div>
<div class="row">
<div class="coffee-span-6">
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
<div class="coffee-span-4"><img class="image-4-3" src="img/1.jpg" alt="Image">
</div>
<div class="coffee-span-2"></div>
</div>
</body>

</html>

CSS Code..in custom.css file

/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */


body .row.image-here {
background-image: url("img/1.jpg");
}


May 18th, 2014 at 12:24 PM
User 271657 Photo

paintbrush
Ambassador
3,816 posts

Try renaming the image... take the / out of it.
(edit.....just ignore this if I read that wrong :o ( img/1.jpg)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
May 18th, 2014 at 12:24 PM
User 434929 Photo

Mansour ...
Ambassador
938 posts

Move your images from/ webroot/test/coffeecup/img directory to img folder.

Your code shows your img directory is img/ folder but not as you mentioned above, your img folder does not match as your code link in HTML file. / webroot/test/coffeecup/img directory and img / folder are two different directory. Or link it correctly to this folder webroot/test/coffeecup/img directory
Guys at coffeecup are awesometacular.
May 18th, 2014 at 12:33 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts

body .row.image-here {
background-image: url("../img/1.jpg");
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
May 18th, 2014 at 12:57 PM
User 228273 Photo

Craig Warren
Registered User
32 posts

Big thank you to Eric and everyone else that tried to solve issue. as it turn out I was 2 dots and a slash away from going grey..lol

Thanks Eric....

This worked-
body .row.image-here {
background-image: url("../img/1.jpg");
}


This did not work-
body .row.image-here {
background-image: url("img/1.jpg");
}


Grrrrrrr:o

Have a great day everyone
May 18th, 2014 at 01:11 PM
User 228273 Photo

Craig Warren
Registered User
32 posts

Post Now Closed:D

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.