Trying to use an image as a background in a content area on a specific page
-
Please see the page I’m working with here. I am trying to use an image as a background in the middle content area. I found the post (below) on this forum that was posted about a year ago, I implemented it into my custom CSS portion of the site but it couldn’t get it to work. I do not have a child theme.
https://forum.graphene-theme.com/graphene-support/image-as-background-in-the-content-area
I would appreciate any help you could offer.
Thank you for your time.
ModThat’s because that’s a page, not a post. Try this:
.page .entry {
background: url("path to image file")Thanks for searching the forum!
If that doesn’t work, copy/paste the exact code you are using and we can troubleshoot it.
Kenneth,
Thanks for your prompt response. I feel like you are guiding me in the right direction, but I think I must be missing something. I have now incorporated the code mentioned above into my custom CSS portion of the site like so:
.page .entry {
background: url ("http://www.caps.wegetitserved.com/rrr/wordpress/wp-content/uploads/2015/09/orange-beach-alabama-11.jpg");
}If I’m not mistaken, I think I need to somehow “Call” for this in the actual page code, but I’m not sure exactly how to do it. Would possibly surrounding the page coding with a div id tag do it? All that I have on the actual page now is just the coding for what appears on the page.
Also I would like the background to only show on this individual page.
Thanks again for your time.
ModProbably because you’ve got something weird going on with your site. That entire page is being served as a frameset from http://www.caps.wegetitserved.com/rrr/wordpress/?page_id=2741#sthash.fTaRYOfP.dpbs
I don’t know why you are doing that. Frames and framesets are not modern technologies.
Quote:Also I would like the background to only show on this individual page.Be sure to use the page’s unique id (
.page-id-2741
) in the above code, instead of just.page
.Kenneth,
I have now fixed the #sthash.fTaRYOfP.dpbs issue for the site. It appeared that the Share It application that I was using was adding the erroneous characters to do some kind of measuring/tracking. The Share it application has now been deactivated, and from what I can tell, the page is now displaying properly, without the frames or framesets. So, there is one issue fixed. Thank you so much.
In my Custom CSS area, I have this code:
.page-id-2741 .entry {
background: url("http://www.caps.wegetitserved.com/rrr/wordpress/wp-content/uploads/2015/09/08Dr6XiJZOxU.jpg");
background-repeat: no-repeat;
}I still can’t seem to get the image to show as the background.
Thank you for taking the time to help me make this work.
ModThat code is not showing up in that page’s source code. I’m not sure why.
When you told me that the CSS coding didn’t come up in the page source, I saved my CSS programming and booted that plugin out, found a new plug in that works so I’m using that. You have FIXED my issue!! Thanks for your time and assistance.
ModMarking thread as resolved. You can do this yourself as well.
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.