Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #523123

    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.

    #523199

    Hey codecreative!

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

    Cheers!
    Elliott

    #523564

    Hi,

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

    Thanks.

    #524172

    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

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