Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 8, 2019 at 12:34 am #1064367
    neilpreston26

    Hi all
    I’m looking for some CSS that will insert a background image behind the products in my WooCommerce shop page. Can anyone help?
    Cheers
    N

    February 8, 2019 at 10:50 am #1064521
    Rikard

    Hey neilpreston26,

    Does your shop have a URL and would you be able to link to the image you want as a background?

    Best regards,
    Rikard

    February 8, 2019 at 3:34 pm #1064596
    neilpreston26

    Hi Rikard, thanks for getting back to me. I made a mistake when I said it was the shop page, it’s actually the page which displays the product designer when one of the three products is selected.

    The background image can be found at: https://www.sayitwithstyle.co.uk/wp-content/uploads/2018/03/1920-wide-logo-with-30-opacity.png
    The front end address showing the product designer page is: https://www.sayitwithstyle.co.uk/product/five-by-five/

    February 8, 2019 at 4:23 pm #1064628
    Guenni007

    every container you like : f.e.:

    .postid-2064 #main .container_wrap {
    background-image: url(https://www.sayitwithstyle.co.uk/wp-content/uploads/2018/03/1920-wide-logo-with-30-opacity.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

    but on that case i would delete the background for:
    There must be an inline-style on

    .fpd-container .fpd-main-wrapper {
…………
}

    then it will look like this:

    February 8, 2019 at 6:48 pm #1064731
    neilpreston26

    Thanks Guenni007, that’s really helpful. I’ll implement it this evening. Much appreciated – np26

    February 9, 2019 at 8:25 am #1064885
    Rikard

    Hi neilpreston26,

    Great, let us know how you get on with it. Thanks @guenni007 for helping out :-)

    Best regards,
    Rikard

    February 9, 2019 at 1:40 pm #1064932
    neilpreston26

    It worked perfectly, Guenni007. Thank you for the help. Consider this post solved.

    February 10, 2019 at 11:15 am #1065079
    Rikard

    Hi,

    Great, I’m glad you got it working. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘CSS for background image’ is closed to new replies.