-
Posts
-
In the button shortcode, there is an option for centered or not. But, I need to have two buttons on the same line. I can get the desired look using 4 columns and just use the 2nd and 3rd, but that clearly isn’t efficient and they stagger on the responsive adjustment. Soooo….is there a way to make the buttons float left? Or to align right and/or left (with the use of 2 columns) the way you have a center option?
Hey janeyj!
“Authorization Required” please post username and password so we can check your website
Best regards,
YigitHi!
Enable this, then add this class to the buttons you want to float:
Finally add this to the Quick CSS:
.avia-button.alignleft { margin-top: 0 !important; }Regards,
JosueSorry, here’s the link:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/Cheers!
JosueGuys, this still isn’t working for me. I’m using a text block and placing the shortcode because the display is giving me better results. I just need them side by side instead of stacked….
Hi!
If you are using a shortcode then simply add the custom_class=’alignleft’ attribute at the end of each button, like:
[av_button label='Click me' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' custom_class='alignleft']
Cheers!
JosueNope….If you look now, that’s what I just did. They’re still stacked. I need them side by side and centered on the page. I’m not sure what the issue is…
Oh, you are using a button from a third-party plugin, we usually don’t cover these kind of modifications but try adding this to the Quick CSS:
#av_section_1 .av_textblock_section:last-child .avia_textblock .su-button-center { float: left !important; } #av_section_1 .av_textblock_section:last-child { width: 425px; margin: 0 auto; }Regards,
JosueChange the code to:
#av_section_1 .av_textblock_section:last-child .avia_textblock .su-button-center { float: left !important; margin: 0 6px; } #av_section_1 .av_textblock_section:last-child { max-width: 450px; margin: 0 auto; }Regards,
Josue
- You must be logged in to reply to this topic.