Background image CSS

  • Hi Folks,
    I’m messing about with background images in content area using Custom CSS. The problem is that the positioning of the image is displaying relative to the window size and not the content area. I’m putting the page contend in a div wrapper ie `<div id=”pg-bk-01″> page content </div> with the following in Custom CSS:
    #pg-bk-01 {
    background-attachment: fixed;
    background-image: url(https://conwycameraclub.co.uk/wp-content/uploads/2016/09/background-image-01.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    }
    Clearly I’m missing something. Any tips? Is there an easier way to put diverse images in the background of page content areas whilst maintaining control over how and where the image is displayed?
    Cheers,
    Eugene
    Address: https://conwycameraclub.co.uk/about-us/

    • This topic was modified 8 years, 5 months ago by gene-stevo.
  • The topic ‘Background image CSS’ is closed to new replies.