Standout CSS3 Buttons
[resolved] Text within the buttons (2 posts)

  1. compukol
    Posted 1 year ago #

    How can I left justify the text in the button as oppose to center?
    How can I control other aspects of the text such as fonts, color, size, etc.?
    How can I use a button as a box, in other words the box/button should not be clickable?

    See example of the blue button used as box on http://www.enhancedlifecoaching.com/coaching-programs/strategic-planning/


  2. jp2112
    Plugin Author

    Posted 1 year ago #

    To left justify, you need to override the existing CSS in your local stylesheet.

    See the current plugin CSS file for the existing format. Copy the relevant CSS into your local stylesheet, change it and add the "!important" modifier.

    The topmost section of the CSS file has the text alignment in it.

    a.button-dribbble,a.button-facebook,a.button-googleplus,a.button-linkedin,a.button-pinterest,a.button-rss,a.button-tumblr,a.button-twitter,a.button-turquoise,a.button-emerald,a.button-somekindofblue,a.button-amethyst,a.button-bluegray,a.button-tangerine,a.button-fall,a.button-adobe,a.button-lightgray,a.button-dull,a.button-fancypurple,a.button-dullpurple,a.button-crispblue,a.button-braised,a.button-midnight,a.button-salmon,a.button-neongreen,a.button-brown,a.button-sourgreen {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;box-shadow: 0 1px 1px #999;color: #fff;display: inline-block;font-size: 16px;margin: 0 20px 20px 0;padding: 10px 15px;text-align: center;text-decoration:none}

    You would simply copy this to your local stylesheet and change "center" to "left" and add "!important" right before the closing bracket.

    This same technique would be used to modify the existing styling. Just add/change whatever properties you want and make sure "!important" is placed at the end, so that the plugin CSS is overridden with your local changes.

    If you want the button to be a box instead, can I recommend a different plugin? http://wordpress.org/plugins/standout-color-boxes-and-buttons/

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Standout CSS3 Buttons
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic