Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 14, 2014 at 9:06 pm #209676
    DaveL77

    I’m looking to change several things with the buttons on the theme, and I’m certain it can be done through CSS.

    – change color of a button (To a custom colour)
    – make text on a button bigger
    – change color of icon and/or text on a button
    – change button from rounded corner to a rectangle with hard edges.

    I’m trying to change multiple buttons to have different colours, different text size, and different icon colour. Is this possible through CSS?

    January 15, 2014 at 2:36 am #209825
    Yigit

    Hey DaveL77!

    You can simply add Button element under Content Elements in Avia Layout Builder and change color and sizes independently http://i.imgur.com/vflu6B3.jpg

    Best regards,
    Yigit

    January 16, 2014 at 6:47 pm #210803
    DaveL77

    What about changing the button from the rounded corners to a more rectangular look?

    January 16, 2014 at 6:53 pm #210811
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    body div .avia-button {
border-radius: 1px; }

    Best regards,
    Yigit

    January 16, 2014 at 7:00 pm #210822
    DaveL77

    That is very helpful!
    One last question.

    How do I make the TEXT in the button a bigger size? I didn’t see it in the button options and I’m not sure what the CSS would be.

    Thank you so much for your help!!!

    January 16, 2014 at 7:03 pm #210825
    Yigit

    Hi!

    Please add following code to Quick CSS as well and adjust as needed 

    .avia-button.avia-size-large { font-size: 16px; } /* for large buttons */
.avia-button.avia-size-medium { font-size: 16px; } /* for medium buttons */
.avia-button.avia-size-small { font-size: 17px; } /* for small buttons */

    Best regards,
    Yigit

    January 17, 2014 at 5:29 pm #211288
    DaveL77

    Fantastic!!!

    Thank you very much, this solves my issues!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change Button Characteristics (Font Size, Colour, Shape, etc)’ is closed to new replies.