Button code for LayerSlider

[Neil1024]

Hi,
I’d like to insert a transparent light button in a LayerSlider. I’ve placed “sf-button standard transparent-light standard” in the Classes field in the Attributes tab on the LayerSlider, but it doesn’t look like it’s importing the style and rollover effect. Please help. Thanks.
Affected slider ID=2, page with slider /home-test/

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot to indicate the button issue.
Thanks
Mohammad

[Neil1024]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have managed to resolve the issue so please check the button layer HTML content code.
Thanks
Mohammad

[Neil1024]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#layerslider_2 a.sf-button:last-child{
margin-left:90px !important;
}

Thanks
Mohammad

[Neil1024]

This reply has been marked as private.

[Swift Ideas – Ed]

For the sidebars on 404 and search pages, you’d need to edit 404.php and search.php within the template files.

For the slider buttons, it’s difficult for us to provide code as the layer id can change if you move things around. I’d suggest looking at the layer alignment options, you should be able to set the button to be anchored from the right, or hidden on mobile.

– Ed

[Neil1024]

Thanks Ed.
Could you let me have the code for a TRANSPARENT LIGHT button WITH ICON to insert into the LayerSlider?
I’ve tried a few combinations at no avail and can’t see it on your CSS files either.

I currently have a standard transparent light button in place, but would like to feature the icon.
Current custom code on slider button layer:
[Services]

Thanks.

[Neil1024]

Sorry, I can’t get the code to display as text for your reference. Here it is:
a href=”#test” class=”sf-button standard transparent-light standard”>Services</a

[David Martin – Support]

Hi,

You will need this:

[sf_button colour="transparent-light" type="sf-icon-stroke" size="standard" link="http://www.swiftideas.com/" target="_blank" icon="ss-layergroup" dropshadow="no" extraclass=""]Button text[/sf_button]

Thanks.

[Neil1024]

Thanks. Can the outline be changed to white? It hardly shows. See screenshot attached.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I just managed to resolve the issue so please check it now.
Thanks
Mohammad

[Neil1024]

Thanks.
Neil

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad