Title: CSS Buttons for WP Last modified: August 18, 2016 --- # CSS Buttons for WP * [NuclearMoose](https://wordpress.org/support/users/nuclearmoose/) * (@nuclearmoose) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/) * Check out [this article](http://blog.nuclearmoose.ca/index.php?m=200312#post-55) on my site to find out about some CSS Buttons that I did. They are adaptations of some work that I found on another blog. A referring URL and credits are listed in the CSS style sheet. Feel free to use the buttons, or adapt them as you like. Please leave in the names of the guys whom I credit with the real work done…I just adapted what was there. Craig. Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/css-buttons-for-wp/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-buttons-for-wp/page/2/?output_format=md) * [TigerDE2](https://wordpress.org/support/users/tigerde2/) * (@tigerde2) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28189) * They look cool… 🙂 * [skeen](https://wordpress.org/support/users/skeen/) * (@skeen) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28190) * Hey, they are really good! * [southerngal](https://wordpress.org/support/users/southerngal/) * (@southerngal) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28195) * They look good Craig! There is always [this place](http://www.gtmcknight.com/buttons/) where you can find links and even download the script. 🙂 * [Cena (a11n)](https://wordpress.org/support/users/cena/) * (@cena) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28196) * But those are gif-based buttons, aren’t they, SG? (referring to your link.) At any rate, good job, Craig, and thanks. 🙂 * [Sushubh](https://wordpress.org/support/users/sushubh/) * (@sushubh) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28197) * 1 question. is it about file sizes or is it abt going CSS? coz i believe the image will be more fast to load then a css button code and another external css file… Just curious… :S * Thread Starter [NuclearMoose](https://wordpress.org/support/users/nuclearmoose/) * (@nuclearmoose) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28202) * [@sushubh](https://wordpress.org/support/users/sushubh/) To me, it’s more about options. I would put only the CSS code for a particular style in my wp-layout. css sheet, and certainly not all of them. The other advantage to the CSS version is that you can have different colour combos with different skins of your site, so that the buttons compliment the design. Another thing is that if you want to change the text that is displayed, you can quickly change the text in the hyperlink. Badda-bing! and you are done with it, rather than having to go into an image-making software and creating whole new buttons. However, some may prefer JPG or GIF files, and that’s okay too. It’s all about choice and what you are comfortable with. With CSS, your style sheet gets read and cached, and your links get rendered button-like. To be honest, I have no idea whether CSS button versus image button is faster, slower, or the same. Good questions, though! Craig. * Thread Starter [NuclearMoose](https://wordpress.org/support/users/nuclearmoose/) * (@nuclearmoose) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28203) * @So-gal, One of the links on that page, Kalsey’s Button Maker, is dead. As I was working on all of this last night, that is one of the tools I explored, or rather, tried to explore. That whole domain is down. No matter where I went to find a link to Adam’s button maker, I kept getting the 404! Craig. * [gfmorris](https://wordpress.org/support/users/gfmorris/) * (@gfmorris) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28211) * Kalsey’s still alive: [http://kalsey.com/tools/buttonmaker/](http://kalsey.com/tools/buttonmaker/) GFM * Thread Starter [NuclearMoose](https://wordpress.org/support/users/nuclearmoose/) * (@nuclearmoose) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28214) * Geof, Thanks for this…I suppose his host may have been down for maintenance or something. I’ve not seen that site before, so it will be interesting to see how the tool works! Craig. * [gfmorris](https://wordpress.org/support/users/gfmorris/) * (@gfmorris) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28264) * Craig: You’re very welcome. 🙂 GFM * [gfmorris](https://wordpress.org/support/users/gfmorris/) * (@gfmorris) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28265) * Kalsey’s site ends up providing you with a .png, if you’re curious. Frankly, of late, I’ve been doing one-color buttons with CSS. For example, at the bottom of IJSM.org, the RSS feeds and other meta stuff are all apparently buttons, generated with the following: ` P#meta A, P#meta A:hover, P#meta A:visited { border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 10px verdana, sans-serif; color: rgb(255,255,255); background:#F60; text-decoration:none; margin: 0; } I’ve found that works just as well as anything for my use. * Thread Starter [NuclearMoose](https://wordpress.org/support/users/nuclearmoose/) * (@nuclearmoose) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28267) * Hmmm…looking at yours again, Geof, I notice that yours is in the wrong order! 🙂 LOL! Craig. * [gfmorris](https://wordpress.org/support/users/gfmorris/) * (@gfmorris) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28319) * Mine are out of order for a specific reason, namely desired response. 😆 I probably should [read: will] fix that in my re-design. * [bakshi](https://wordpress.org/support/users/bakshi/) * (@bakshi) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28595) * theres a javascript error on kalseys page. ive expereinced it both at school and at home. what can be wrong? * [wildduck](https://wordpress.org/support/users/wildduck/) * (@wildduck) * [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/#post-28809) * hi craig Would you mind putting up your buttons page back up again ? TIA Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/css-buttons-for-wp/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-buttons-for-wp/page/2/?output_format=md) The topic ‘CSS Buttons for WP’ is closed to new replies. * 17 replies * 9 participants * Last reply from: [wildduck](https://wordpress.org/support/users/wildduck/) * Last activity: [22 years, 6 months ago](https://wordpress.org/support/topic/css-buttons-for-wp/page/2/#post-28819) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics