Button with second subtitle

Thank you, thank you, thank you!

Just that one “hint” gave me (I think) the answer.

I REALLY think I tried with Span before, but maybe used Div?

In any case, here’s what I did for anyone who needs this one line above the other capability for the wonderful av_button.

I wanted top title in button bigger and bottom title (sub-title) smaller.
The av_button_label has the dual span that makes this work — once you add the CSS at the bottom.

Here is the Debug code for the av_button:
[av_button label='<span class="first-button-title">YES</span><span class="second-button-title">Send me the eBook</span>' link='manually,http://' link_target='' size='x-large' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='']

Here is the CSS put in Code Block at bottom of page:

<style>
.first-button-title{font-size:2.5rem!important;display:table;margin:auto;color:red!important;padding-bottom:1rem!important;}
.second-button-title{font-size:2rem!important;color:yellow!important;}
</style>

Not sure if that’s the way I put HTML and CSS in this Enfold post, but it may help someone…just as you did me, Elliott.

Thanks!

Know the colors are atrocious, but wanted to see what worked.

If you have any suggestions about better way, please let me know!

Feel free to close this. And thanks!