Style a link like a button

Author Posts

hashimwarren

Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date.

I love this plugin!

Anyone have a tutorial that will show me how to style a link to make it look like a button?


Sebastian

Hey,

Great to hear you’re enjoying Microthemer 🙂

I’ve done a little video demonstration for styling a link into a button: http://somup.com/cbQl61VoAn

One key requirement for making a link into a chunky button is setting the display property to ‘block’ or ‘inline-block’, as I have done in the video. Otherwise padding properties won’t work as expected. The video also demonstrates creating a hover selector, so the button changes appearance on hover.

I hope you find the video useful!

Cheers,
Sebastian


hashimwarren

Sebastian that was amazing! I’ll be using this a lot, thanks!

Sharing this on Facebook now…


Sebastian

You’re welcome! I’m glad the tutorial was helpful. Thanks for sharing 🙂

You must login or register to reply to this topic.