Add button to slider - Support | Kriesi.at

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

Author

Posts
November 5, 2014 at 5:10 am #346361

vgagovic
Participant

Hi there,

How do i add buttons to the front page slider.

Also want to play around with the colour, style and size of button

November 5, 2014 at 9:59 am #346413

Arvish
Inactive Moderator

Hi vgagovic!

If it is the Layer Slider you are referring to, please refer to these posts:

https://kriesi.at/support/topic/add-a-shortcode-inside-a-layerslider-layer/
https://kriesi.at/support/topic/how-can-i-add-a-link-or-a-button-on-layerslider-with-a-hover-effect/

Regards,
Arvish

November 7, 2014 at 2:34 pm #347723

vgagovic
Participant

Hi Avish,

I tried copying that code below. But i dont get a nice button.

<div class=”avia-button-wrap avia-button-center avia-builder-el-2 el_after_av_textblock avia-builder-el-last “><span class=”avia_button_icon avia-font-entypo-fontello”>♥</span><span class=”avia_iconbox_title”>Click me</span></div>

I am after a button similar to this.

http://themeforest.net/item/durus-multipurpose-wordpress-theme/full_screen_preview/7249769
or this one
http://themeforest.net/item/sensica-responsive-wordpress-theme/full_screen_preview/5197129

Obviously i would like the button to have the consistency of the theme’s colours etc.

Can you give me the code and tell me where to paste it. Thank you heaps.

VG

November 8, 2014 at 1:14 pm #348138

Ismael
Moderator

Hey!

Thank you for the update.

I’m sorry but you’re pointing elements outside the theme. If you don’t like the default theme buttons, you can modify it via css. A screenshot of how you want the button to look like will help. We’ll help you with the css codes.

Best regards,
Ismael

November 9, 2014 at 10:48 am #348308

vgagovic
Participant

No problems.

Thats why i shot through the following links.

Here it is again.

I am after a button similar to this. I dont mind the theme’s buttons but i would just like them to be of a size and usability as per the links below.

http://themeforest.net/item/durus-multipurpose-wordpress-theme/full_screen_preview/7249769

or this one

http://themeforest.net/item/sensica-responsive-wordpress-theme/full_screen_preview/5197129

Obviously i would like the button to have the consistency of the theme’s colours etc.

Can you give me the code and tell me where to paste it. Thank you heaps.

VG

November 10, 2014 at 1:05 am #348572
Ismael
Moderator
Hi!

Add this as a slider html layer:
```
<a href="/contact-us/" target="_self" class="progression-button progression-medium progression-green">Get this Theme Now!</a>
```
Add this on Quick CSS or custom.css:
```
a.progression-button.progression-green {
color: #fff;
background: #5bcba7;
padding: 17px 40px;
font-size: 15px;
border-radius: 3px;
}
```
Change the css values if you like. You can also modify the look of the button inside the layer slider’s Styles panel.

Regards,
Ismael
Author

Posts

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

You must be logged in to reply to this topic.