Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #692494

    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,
    Jason

    #693504

    Hey 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,
    Josue

    #1191602

    Hi 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)

    https://ibb.co/KXCCXGh

    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;
    }
    }

    #1191730

    Hi webdesignphx,

    Thanks for the login details, I don’t see a URL though?

    Best regards,
    Rikard

    #1193884

    Hi Rikard.. sorry forgot that :)

    #1194005

    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,
    Nikko

    #1194202

    Nikko, 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

    #1194203

    Hi webdesignphx,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Full width Easy Slider – 3 buttons’ is closed to new replies.