-
Posts
-
Hi there,
I know there is only the option for 1 or 2 buttons, could you recommend as way to increase this number to 3 please somehow.
It doesn’t have to be within the restrictions of the slider itself, if I was able to add the buttons in as html (in the caption area) & style them appropriately – that’d be fine, I’d just like your opinion as to the best way to go about this so that it works as expected across devices.
Many thanks,
JasonHey Jason,
1. Create the buttons elsewhere (on a separate Page using Magic Wand, not ALB).
2. Use generated shortcodes as slide caption (disable built-in buttons).Best regards,
JosueHi awesome Enfold-Team,
I am trying to get the 3 buttons I created closer together:
The first one is how it is now the second one how I would like it (it’s photoshopped)I created the buttons with the wand and also a 3 column design with the wand and placed it into each other. like this :
[av_one_fifth first av_uid='av-8rgp7f'][av_button label='Architecture' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='center' label_display='' title_attr='' color='light' custom_bg='#444444' custom_font='#ffffff' link='manually,http://' link_target='' id='' custom_class='' av_uid='av-l7um3' admin_preview_bg=''][/av_one_fifth]\n\n\n[av_one_fifth av_uid='av-74npsb'][av_button label='Landscape Architecture' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='center' label_display='' title_attr='' color='light' custom_bg='#444444' custom_font='#ffffff' link='manually,http://' link_target='' id='' custom_class='' av_uid='av-3so0iz' admin_preview_bg=''][/av_one_fifth]\n\n\n[av_one_fifth av_uid='av-5dmc97'][av_button label='Urban Planning' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='center' label_display='' title_attr='' color='light' custom_bg='#444444' custom_font='#ffffff' link='manually,http://' link_target='' id='' custom_class='' av_uid='av-1xrbkb' admin_preview_bg=''][/av_one_fifth]\n\n\n[av_one_fifth av_uid='av-4ilnmz']4/5[/av_one_fifth]\n\n\n[av_one_fifth av_uid='av-2984ob']5/5[/av_one_fifth]
it’s pretty cool how it works. I put them in a 3 column design because I wanted them to be next to each other. but the distance between them is too large and also the right one has a different distance than the left one to the middle one. I would like them ideally to be exactly like the 2 buttons you can create with the element with the same distance to each other but just 3 buttons.
I’ll add the credentials below feel free to go in and change the code I also added some CSS but no php:
.avia-button.avia-size-small {
padding: 9px 10px 7px;
font-size: 13px;
min-width: 80px;
padding: 12px 16px;
border-radius: 3px;
text-transform: uppercase;
padding: 15px 16px;
margin-top: 20px;
text-decoration: none!important;
font-weight: bold;
margin: 0 10px;
background-color: rgba(0,0,0,0.2)!important;
}
}Hi webdesignphx,
Please try to add this CSS code in Quick CSS, located in Enfold > General Styling:
.home #fullscreen_slider_1 .flex_column.av_one_third { display: inline-block; float: none; margin-left: 10px; margin-right: 10px; vertical-align: middle; width: auto; }Best regards,
NikkoNikko, you are awesome! Thank you!
One last thing I can’t figure out is why it looks different on the second third and fourth slider. If I move them in a different order the first one still looks different than the others just with another image.
Thanks
Tina
- The topic ‘Full width Easy Slider – 3 buttons’ is closed to new replies.