Standout CSS3 Buttons
[resolved] Button Width (5 posts)

  1. titanled
    Posted 2 years ago #

    Each button I make is a different width? How can I correct this? Here is a link to my site.


  2. jp2112
    Plugin Author

    Posted 2 years ago #

    Add this to your local stylesheet:

    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 {width:150px}

    This will set all buttons to be the same width. Change "150px" to whatever value you desire.

  3. annameis
    Posted 2 years ago #

    Hi - can you give more specific directions on how to change the width. Starting with where do I find the local stylesheet?

    I am a fairly basic user so any help would be appreciated.

  4. Evert
    Posted 1 year ago #

    I have these rules in style.css of my theme and tested in the plugin itself. All buttons remain large, both in height and width. What am I doing wrong?

  5. jp2112
    Plugin Author

    Posted 1 year ago #

    The CSS has changed slightly, you can target all the buttons at once using the scss3b-button class. Like this:

    a.scss3b-button { width:150px !important}

    Change "150px" to whatever value you desire.

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


No tags yet.