Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 19, 2015 at 5:15 pm #381899
    thecszone

    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

    January 20, 2015 at 6:33 am #382268
    Ismael

    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

    January 20, 2015 at 6:20 pm #382577
    thecszone

    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, 10 months ago by thecszone.
    January 21, 2015 at 11:13 pm #383406
    thecszone
    This reply has been marked as private.
    January 21, 2015 at 11:31 pm #383418
    Yigit

    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

    January 22, 2015 at 12:02 am #383430
    thecszone

    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

    January 22, 2015 at 2:03 pm #383662
    Ismael

    Hi!

    Replace #after_layer_slider_3 with #after_layer_slider_1.

    Cheers!
    Ismael

    January 22, 2015 at 5:04 pm #383775
    thecszone

    Prefect, thanks!

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