Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 3, 2015 at 11:09 am #482004
    blanchrosa

    Hi team!

    I would like to use a full width button with description as the one you have at the bottom of your demo page
    http://kriesi.at/themes/enfold-business-flat/

    But my description is longer and I would like this description to show narrower and centered on the button area.

    This is my code for the button:

    [av_button_big label='Siguiente paso' description_pos='below' link='page,594' link_target='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue832' font='entypo-fontello' custom_font='#f8f8f8' color='custom' custom_bg='#4c8bbf' color_hover='custom' custom_bg_hover='#444444' custom_class='boton_ancho_sig_paso']
    Contacte con nosotros ahora para saber cómo podemos ayudarle a satisfacer necesidades específicas de formación y desarrollo en su negocio o sector.
    [/av_button_big]

    I have got to make the description narrower with this:

    .boton_ancho_sig_paso .av-button-description{
    width: 50%;
    }

    But after several tries I cannot get the text description centered in the middle of button area

    Could you please help me?

    Thanks!
    Best regards
    Rosa

    August 4, 2015 at 12:51 pm #482635
    Rikard

    Hey blanchrosa,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    August 4, 2015 at 1:20 pm #482647
    blanchrosa

    Hi Rikard,
    Here you have the access:

    August 5, 2015 at 5:50 am #483081
    Dake

    Hi!

    Please try adding the below css to your custom css section:

    #top .avia-button-fullwidth .av-button-description {
    margin-left: 25% !important;
    margin-right: 25% !important;
}

    Regards,
    Dake

    August 7, 2015 at 10:06 am #484386
    blanchrosa

    Hi Dake,

    It works!
    Since I have a class assigned I have tried this, and it works too:
    .boton_ancho_sig_paso .avia-button-fullwidth .av-button-description {
    margin-left: 25% !important;
    margin-right: 25% !important;
    }

    Thanks for your help!!
    Rosa

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Customize fullwidth button description: narrower and centered’ is closed to new replies.