Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 22, 2013 at 4:49 am #191712
    jgdoyle1

    Hello,
    I’m using the Enfold theme, version v2.2 – soon to update to 2.4.1
    I loaded a background image for the Main Content area. The problem is that same image is loading behind the LayerSlider prior to the LayerSlider’s own background image loading. Is there a way to suppress the Main Content background image from flashing behind layer sliders as they load?
    Thank you!
    Wonderful theme!

    November 22, 2013 at 6:31 pm #191959
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    November 22, 2013 at 6:55 pm #191987
    jgdoyle1

    Here’s the dev site link:
    http://www.johngdoyle.com/unmanitempsite/

    Thanks for your help.

    November 22, 2013 at 10:24 pm #192079
    Josue

    Hi,

    Try adding this code to the Quick CSS area in the Theme options page:

    #layer_slider_1 {
    height: auto;
    z-index: 1000;
}

    Regards,
    Josue

    November 23, 2013 at 12:22 am #192156
    jgdoyle1

    Thank you for this code, but it didn’t seem to have any effect on the issue but it did disrupt the drop down menus…strange. I also tried changing the value from “1” to “5” to match the layer slider ID number for the home page. The fire background images is still visible before the slider image is displayed.

    November 23, 2013 at 12:42 am #192165
    Josue

    Hey!

    Can you post a screenshot of your view? i don’t see the background showing when the slider transitions.

    Cheers!
    Josue

    November 23, 2013 at 12:54 am #192168
    jgdoyle1

    Here’s link to the screenshot.

    background flashing before slider is loaded on homepage.

    The issue is not when the slider transitions. It’s when the page is loaded or refreshed. The main body background image displays behind where the slider is loading. See screenshot. Thanks.

    November 23, 2013 at 1:42 am #192177
    Josue

    Hey!

    Add this code to the Quick CSS:

    #layer_slider_1 {
background: none !important;
}

    Cheers!
    Josue

    November 23, 2013 at 2:03 am #192185
    jgdoyle1

    Bingo! Thank you so much. The background behind the layer slider is now black while it loads.

    November 23, 2013 at 2:09 am #192186
    Josue

    You are welcome, glad we could help :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Background image for Main Content area showing behind LayerSliders’ is closed to new replies.