Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 16, 2015 at 7:40 am #474091
    kristoph

    I am struggling to size the background image in this colour section correctly.
    http://thebeautifulweathercorp.com.dedi59.flk1.host-h.net/contact/

    I need the background image to be full hight and aligned to the bottom (so not to cut off the letterbox).

    I have set the section hight to 100% and the image position to centre bottom… but this is only affecting my text box alignment and not the background image…

    Please assist.

    Thank you

    July 17, 2015 at 1:05 pm #474892
    Andy

    Hey kristoph!

    try this code:

    div#av_section_1 {
background-size: 100% 100% !important;
}

    and adjust as needed.

    Regards,
    Andy

    • This reply was modified 9 years, 5 months ago by Andy.
    July 17, 2015 at 1:46 pm #474931
    kristoph

    Hi Andy,

    I added your code to the custom CSS, but regardless of the values I see no change.

    July 17, 2015 at 5:23 pm #475076
    Dake

    Hi kristoph,

    I just copied your exact settings on my test server and can confirm that your section background settings are being ignored.

    As a test, can you please disable all of your plugins, then updating enfold to the latest version.

    Once that has been done, try setting your “Background Image Position” to bottom center again.

    Cheers!
    Dake

    July 18, 2015 at 6:59 am #475215
    kristoph

    Hello Dake,

    All plugins are off. Running latest version of Enfold. Still no joy with my image. I did provide you with login to my staging server. Please feel free to log in and see for yourself if I missed something.

    July 19, 2015 at 6:57 pm #475434
    Dake

    Hey Kristoph,

    I created a test page here: http://thebeautifulweathercorp.com/test-2/

    and used the below css to shift the content upwards on that page only:

    .page-id-185 .content .entry-content-wrapper {
  padding-right: 50px;
  position: relative;
  top: -50px;
}

    I’m still not sure why it wasn’t working on that singular page.

    But if you would like to replace it with the test page, you can simply delete the original then rename the test page and test page slug to contact.

    Regards,
    Dake

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