Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 6, 2015 at 4:49 pm #469097
    hindystrauss

    Hello enfold team!
    I put this code in the style.css file, ( after adding the ID ak_bg to the color section where the background photo is being called ) The background photo is not changing. what please am I missing??
    Thank you

    #ak_bg {
    background-image: url(‘http://webstrauss.com/ak/wp-content/uploads/2015/05/lhouse9.jpg’)!important;
    }

    .ak_sign_up { line-height: 50px !important;}

    @media (max-width: 750px) {
    #ak_bg {
    background-image: url(‘http://webstrauss.com/ak/wp-content/uploads/2015/05/lhouse9.jpg’)!important;
    }
    .ak_sign_up { line-height:16px !important;}
    }

    July 6, 2015 at 9:05 pm #469246
    Elliott

    Hey Hindy!

    I don’t see the #ak_bg section in your source code. Go ahead and take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Regards,
    Elliott

    July 6, 2015 at 11:24 pm #469302
    hindystrauss

    oops sorry.
    I see i made a mistake.
    here is the code, a little cleaner:
    I am attempting to create a basic background image change – media query, such that on smaller screens, I can load a smaller image

    #ak_bg {
    background-image: url(‘http://webstrauss.com/ak/wp-content/uploads/2015/05/lhouse8.jpg’)!important;
    }

    @media (max-width: 750px) {
    #ak_bg {
    background-image: url(‘http://webstrauss.com/ak/wp-content/uploads/2015/05/lhouse9.jpg’)!important;
    }

    }

    I added the ID #ak_bg to the field in the “color box” where you can select the background image of that particular section

    Thank you again – for your prompt response

    July 7, 2015 at 4:02 pm #469758
    Elliott

    Hey!

    Remove the first line and only use this.

    @media screen and (max-width: 767px) {
   #ak_bg2 {
      background-image: url("URL to your image") !important;
   }
}

    Regards,
    Elliott

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.