Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 28, 2017 at 11:47 pm #831341
    beckyjoubert

    HI,
    I’ve tried all the free plugins out there, and multiple code strings, even ones you have suggested for other people, but cannot get a background image to show on my page.
    I have changed the layout to boxed layout, instead of stretched.
    What can I try next?
    Thanks,
    Becky

    July 29, 2017 at 2:38 am #831359
    Mike

    Hey beckyjoubert,
    Can you please include a admin login in the private content area so we can take a closer look.
    Do you have a background image picked out for this page?

    Best regards,
    Mike

    July 29, 2017 at 2:21 pm #831474
    beckyjoubert

    Hi Mike,
    Yes, I have a background image of a car in the library.
    I’ll include the login.
    Thanks,
    Becky

    July 29, 2017 at 5:50 pm #831547
    Mike

    Hi,
    In your Quick CSS, your image url had a trailing slash, so I removed it and added “background: cover” so you code now looks like:

    .page-id-15 .container_wrap { background-image: url("https://growyourfuture.net/wp-content/uploads/2017/07/car-wallpaper.jpg") ;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }

    Although the image shows, it’s not a good image size, so it looks grainy and not centered. Please try using a much larger image.

    Best regards,
    Mike

    July 31, 2017 at 11:22 pm #832492
    beckyjoubert

    Hi Mike,

    Thanks so much for correcting that for me. I would NEVER have figured that out! I thought I had uploaded a high resolution image so I have corrected that as well.
    Thanks again,
    Becky

    August 1, 2017 at 6:54 am #832607
    Jordan Shannon

    Hi,

    I’m glad Mike’s solution helped you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adding Background Images to Single Pages’ is closed to new replies.