Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 16, 2016 at 12:16 am #615213
    richardweisskopf

    Hi – I probably should know this, but I’d sure appreciate some guidance on the following: I want to use three buttons overlaying an image used as in a color section as a background image. I want the buttons to be horizontal – next to each other. Using the ‘none’ setting, they position correctly horizontally, but they are flush left, when I need them to be centered, like this:

    xxx xxx xxx
    Thanks!

    April 17, 2016 at 8:54 am #615744
    Rikard

    Hey richardweisskopf,

    Have you started somewhere? If so please post admin login details in private and we’ll try to help you out.

    Thanks,
    Rikard

    April 19, 2016 at 4:59 am #617065
    richardweisskopf
    April 19, 2016 at 5:20 am #617076
    Vinay

    Hi!

    We are working on your ticket please wait while we update the results here soon.

    We added the below CSS

    /* Center align 3 button*/
.inline-block {
display:inline-block!important;
margin:0 10px;
}
.align-center{
display:flex;
justify-content:center;
}

    And the below shortcode.

    [av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='http://localhost/_proj/enfold/wp-content/uploads/2016/03/travel-banner-1-1500x430.jpg' attachment='376' attachment_size='featured' attach='scroll' position='top left' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_class='']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' custom_class='align-center']

[av_button label='Click me' link='manually,http://' link_target='' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='inline-block']

[av_button label='Click me' link='manually,http://' link_target='' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='inline-block']

[av_button label='Click me' link='manually,http://' link_target='' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='inline-block']

[/av_one_full][/av_section]

    Please check the page in private content. some custom class names are added to advance layout elements to buttons and 1/1 col to achieve this.

    Cheers!
    Vinay

    • This reply was modified 8 years, 7 months ago by Vinay.
    April 20, 2016 at 1:41 am #617836
    richardweisskopf

    Thank you so much! I really appreciate it! I see the CSS modification in the custom CSS, but where is the shortcode modification?

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Buttons’ is closed to new replies.