Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #381899

    I need help with spacing on my home page. In a previous support ticket you all gave me the code to be able to modify the text and background following a slider on my home page. I have added the first code in my custom css and the second code on a code block on the page. It works great for the full width slider. Thank you!

    IN CSS-
    .home div#after_full_slider_1 .content {
    padding-top: 25px;
    }
    IN CODE BLOCK ON PAGE-
    <style type = “text/css”>
    #after_full_slider_1 { background: url(http://www.mysite.com/images/bg.jpg) no-repeat; ! important; border: none;! important;}
    </style>

    However, I now want to put in a layer slider in this slot instead. I created a layer slider [layerslider id=”3″] and tried modifying the code by using the following.
    .home div#after_layer_slider_3.content {
    padding-top: 25px;
    }
    However, this did not work. Can you tell me how to accomplish this? Thanks. Susan

    #382268

    Hey thecszone!

    Thank you for using Enfold.

    The page is still using the full width slider. Please replace it with the layer slider then we’ll check it again.

    Regards,
    Ismael

    #382577

    I put the layer slider in. I did not modify this code –
    .home div#after_full_slider_1 .content {
    padding-top: 10px;
    }

    Please note: not only does the the spacing not work below the slider, but there is now white space above the slider.

    • This reply was modified 9 years, 11 months ago by thecszone.
    #383406
    This reply has been marked as private.
    #383418

    Hi!

    Please add Layer Slider to your page using Advanced LayerSlider element under Media elements and space should be eliminated. If not, please create a temporary admin login and post it here privately

    Cheers!
    Yigit

    #383430

    Great, I did that and it takes care of the space above but does not solve my original problem.

    In a previous support ticket you all gave me the code to be able to modify the text and background following the a full width slider on my home page. I have added the first code in my custom css and the second code on a code block on the page. It works great for the full width slider, but I’ve changed to a layer slider. Here’s the previous code you gave me.

    IN CSS-
    .home div#after_full_slider_1 .content {
    padding-top: 25px;
    }
    IN CODE BLOCK ON PAGE-
    <style type = “text/css”>
    #after_full_slider_1 { background: url(http://www.mysite.com/images/bg.jpg) no-repeat; ! important; border: none;! important;}
    </style>

    I tried modifying the code by using the following –
    <style type = “text/css”>
    #after_layerslider_3 { background: url(http://www.mysite.com/images/bg.jpg) no-repeat; ! important; border: none;! important;}
    </style>

    .home div#after_layerslider_3.content {
    padding-top: 25px;
    }
    However, this did not work. My background isn’t showing and I can’t adjust the text. Can you tell me how to accomplish this? Thanks. Susan

    #383662

    Hi!

    Replace #after_layer_slider_3 with #after_layer_slider_1.

    Cheers!
    Ismael

    #383775

    Prefect, thanks!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Home page spacing’ is closed to new replies.