Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 15, 2014 at 4:05 pm #291648
    fuenos

    Hi,

    I want to change small button (.avia-button.avia-size-small) as a rounded button without text only with fontello icon.

    Can you please advice or give the possible CSS codes.

    Thanks in advance.

    Regards

    July 15, 2014 at 4:15 pm #291653
    Yigit

    Hey Fuenos!

    Please firstly turn on custom CSS field for ALB elements ( please see – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and then give a custom class to your button ( i.e.: custom-button ) and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .custom-button .avia-button.avia-size-small { padding: 10px; min-width: 10px; border-radius: 100px; }\
.custom-button span.avia_button_icon { left: 0!important; }

    Regards,
    Yigit

    July 15, 2014 at 5:47 pm #291720
    fuenos

    Hey Yigit,

    Thanks, Danke, Tesekkür!

    Very helpful ;)

    July 15, 2014 at 5:50 pm #291722
    Yigit

    Hi!

    Rica ederim Erdogan, bitte schoen :) Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Round Button with icon’ is closed to new replies.