Adding Image as home page background behind text only
-
Mod
Try
.home .entry-content {
background-image: url(http://www.truenorthconsulting.eu/?attachment_id=131);
}to get to show on just the home page
Hi, I tried that but the image dissapeared with the .home. tg.
Not sure how to do the <div> tag chainkiller?
Thanks for the help guys 🙂
Mod
A more efficient method is to target pages or posts by their unique ID or class:
http://blog.kjodle.net/2012/02/24/styling-wordpress-posts-pages-archives-and-home-pages-by-class/
Adding an additional
<div>
to the page could cause other problems.Thanks Kenneth, been looking at that and have added this:
.home #content {
background-image: url(http://www.truenorthconsulting.eu/wp-content/uploads/2013/03/Boat-5.jpg);
background-size:648px 432px;
background-repeat:no-repeat;
}This has got it behind, but now there is a white square where the content is covering this? any ideas? Thanks though, we’re getting there 🙂
.home .page {
background-image: url('http://www.truenorthconsulting.eu/wp-content/uploads/2013/03/Boat-5.jpg');
background-repeat: no-repeat;
}Thanks, that has it perfectly 🙂 how can I remove the bottom border that is now showing up in the picture?
.home .entry-footer {
border-top: none !important;
}Great, thank you Prasanna 🙂 Massive help and it’s looking great now. Cheers.
You are welcome!
Marking thread as resolved. You can do this yourself as well.
Viewing 10 posts - 11 through 20 (of 20 total)
- 1
- 2
- You must be logged in to reply to this topic.