Trying to use an image as a background in a content area on a specific page

  • Kyle

    #10129

    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.

    Mod

    Kenneth John Odle

    #45422

    That’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.

    Kyle

    #45423

    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.

    Mod

    Kenneth John Odle

    #45424

    Probably 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.

    Kyle

    #45425

    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.

    Mod

    Kenneth John Odle

    #45426

    That code is not showing up in that page’s source code. I’m not sure why.

    Kyle

    #45427

    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.

    http://www.riverregionradio.com .

    Mod

    Kenneth John Odle

    #45428

    Marking 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.