Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 25, 2015 at 3:14 pm #449542
    MSM

    I’d like to change the font color of a fullwidth button on hover. Here is the shortcode ‘code’ but it doesn’t seem to work. Any suggestions?

    When button loads I’d like the font color to be #ffffff and on hover I’d like the font color to be #421c52

    Thanks
    Mike

    [av_button_big label='Learn more ' description_pos='below' link='manually,http://' link_target='' icon_select='no' icon='ue800' font='entypo-fontello' custom_font='#ffffff' color='theme-color' custom_bg='#444444' color_hover='theme-color-subtle' custom_bg_hover='#444444' custom_font_hover='#421c52!important'][/av_button_big]

    May 25, 2015 at 3:19 pm #449543
    Yigit

    Hey msmazza!

    Can you please post the link to your page where you have fullwidth button?

    Best regards,
    Yigit

    May 25, 2015 at 3:24 pm #449545
    MSM
    This reply has been marked as private.
    May 25, 2015 at 3:26 pm #449547
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    a.avia-button-fullwidth:hover span {
  color: #421c52;
}

    Best regards,
    Yigit

    May 25, 2015 at 3:32 pm #449550
    MSM

    THank you Yigit,

    I’m using the advanced layout builder debug mode so is there a way I can add it to the shortcode on the page directly in the debug screen so I’m not impacting site wide?

    Thanks
    Mike

    May 25, 2015 at 3:34 pm #449553
    Yigit

    Hey!

    You can enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your button a custom CSS class and then change the code to following one 

    .your-custom-class a.avia-button-fullwidth:hover span {
  color: #421c52;
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.