Support » Plugin: Standout CSS3 Buttons » Text within the buttons

Viewing 1 replies (of 1 total)
  • Plugin Author jp2112


    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?

Viewing 1 replies (of 1 total)
  • The topic ‘Text within the buttons’ is closed to new replies.