Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 22, 2015 at 4:53 pm #523123
    codecreative

    Hi,

    On this landing page http://www.whitesidetaxis.co.uk/landing-page/ the background image that is set in the Enfold theme options is showing at the bottom of the page. The color section background image that is on the page is set to be 100% of the browser height. On larger screens the color section cuts off and the default background image shows at the bottom of the browser window.

    I have tried to hide the background image set in the Enfold theme settings using the page ID but it just leaves a grey bar at the bottom of the browser window.

    I would like the color section background image to be 100% of the browser height even on large screens without the image repeating or the text that is overlayed scrolling.

    Is there any CSS to fix this? I have looked, and so far not found anything.

    Thanks.

    October 22, 2015 at 6:19 pm #523199
    Elliott

    Hey codecreative!

    Set the background repeat to “Stretch to fit” and set it’s position to “center center”.

    Cheers!
    Elliott

    October 23, 2015 at 10:22 am #523564
    codecreative

    Hi,

    I’ve just done this and the issue still remains. Here are some log in details so you can take a look.

    Thanks.

    October 24, 2015 at 5:24 am #524172
    Rikard

    Hi,

    You have this in your child theme CSS:

    .html_header_transparency #top .avia-builder-el-0 .container {
    margin-top: -30px!important;
}

    which is causing the “error”.

    Regards,
    Rikard

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