Tagged: , ,

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • March 28, 2014 at 3:55 am #244182
    cavanaughb

    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!

    March 28, 2014 at 3:56 am #244183
    cavanaughb
    This reply has been marked as private.
    March 29, 2014 at 8:07 pm #244868
    cavanaughb
    This reply has been marked as private.
    March 31, 2014 at 1:57 pm #245439
    Yigit

    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

    March 31, 2014 at 2:06 pm #245444
    cavanaughb

    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!

    April 1, 2014 at 7:47 pm #246225
    Yigit

    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

    April 28, 2014 at 2:34 pm #257077
    cavanaughb
    This reply has been marked as private.
    April 29, 2014 at 9:51 am #257538
    Dude

    Hey!

    Try this code:

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

    Best regards,
    Peter

    April 29, 2014 at 2:24 pm #257648
    cavanaughb

    Hey Peter,

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

    May 1, 2014 at 12:33 am #258631
    cavanaughb

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

    Thanks again!
    Brian

    May 1, 2014 at 3:06 am #258671
    Josue

    Hey!

    This code worked when i tested it live:

    #layer_slider_1 {
    background: transparent !important;
}


    Best regards,
    Josue

    May 1, 2014 at 2:19 pm #258847
    cavanaughb
    This reply has been marked as private.
    May 2, 2014 at 6:15 am #259206
    Josue

    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

    May 5, 2014 at 7:12 pm #260416
    cavanaughb

    Perfect, thank you!

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

    May 5, 2014 at 7:23 pm #260426
    Yigit

    Hey!

    Please add following code to Quick CSS as well

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

    Best regards,
    Yigit

    November 4, 2014 at 5:48 am #345732
    GeoCreo

    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

    November 4, 2014 at 6:05 am #345735
    Josue

    Hi Geo,

    Can you post the link to your website please?

    Regards,
    Josue

    January 7, 2015 at 11:40 pm #376541
    vanggrafisk
    This reply has been marked as private.
    January 8, 2015 at 6:25 pm #376991
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .avia-layerslider {
border: 5px solid red;
border-right: none;
border-left: none;
}

    Best regards,
    Yigit

    January 8, 2015 at 8:05 pm #377057
    vanggrafisk

    Thank you so much, Yigit :-)

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Advanced LayerSlider Background & Borders’ is closed to new replies.