Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #244182

    Hi all,

    I am trying to modify an advanced layerslider to remove top and bottom borders and to make the background transparent. Haven’t had much luck searching or testing on my own. Any advice would be appreciated!

    #244183
    This reply has been marked as private.
    #244868
    This reply has been marked as private.
    #245439

    Hey!

    1- You have following code added in Quick CSS section, it does move the special heading to the top

    .content {
    padding-top: 10px !important;
    }

    You can add following code to Quick CSS to decrease the bottom padding

    .content { padding-bottom: 10px !important; }

    2-

    #layer_slider_1 {
    background: white!important;
    }

    3-

    #after_layer_slider_1 {
    border-top: none!important;
    }

    Cheers!
    Yigit

    #245444

    Hey Yigit,

    Ah, very nice, thank you! The second point is still not working though. The background of the advanced layerslider is now white, I hoped to make it completed transparent so that the body background image appears beneath it.

    It looks like the layerslider is breaking up the body background image, so that it appears above the layerslider, then it repeats the background image again below the layerslider. Is there a way to make the background seamless and the layerslider transparent?

    Thanks again!

    #246225

    Hey!

    Since you have added background color to .main_color class, your best option would be inserting Layerslider to the top of your page to solve the issue

    Best regards,
    Yigit

    #257077
    This reply has been marked as private.
    #257538

    Hey!

    Try this code:

    
    #top #wrap_all #layer_slider_1 {
    background: transparent;
    }
    

    Best regards,
    Peter

    #257648

    Hey Peter,

    I tried that code, also with a “transparent !important;” but neither worked.

    #258631

    Any other ideas on how we can make the background transparent? I’m not sure why it’s appearing as white.

    Thanks again!
    Brian

    #258671

    Hey!

    This code worked when i tested it live:

    #layer_slider_1 {
        background: transparent !important;
    }


    Best regards,
    Josue

    #258847
    This reply has been marked as private.
    #259206

    Hi!

    You need to use this exact code:

    #layer_slider_1 {
        background: transparent !important;
    }

    That will target the container of #layer_slider_5, which has the white background.

    Best regards,
    Josue

    #260416

    Perfect, thank you!

    Is there a way to remove the border or shading around the slider?

    #260426

    Hey!

    Please add following code to Quick CSS as well

    #layer_slider_1 .avia-shadow {
    box-shadow: none;
    }

    Best regards,
    Yigit

    #345732

    Hello there,

    I would like to add somewhat of a container/ border to my Layerslider. How can I do this, please?
    Thanks in advance.

    Regards,
    Geo

    #345735

    Hi Geo,

    Can you post the link to your website please?

    Regards,
    Josue

Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.