Style a link like a button

This topic contains 3 replies, has 2 voices, and was last updated by  Sebastian 5 years ago.

Author Posts

hashimwarren

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.