Link as Button

[wbxpress]

I have added few links at the footer sections of my blog. How to make these links appear like a button? It should be similar to other buttons e.g. page numbers, next page etc. where i think only CSS is used. Can you please help me in this regard?

http://wbxpress.com

[chillybin]

Just add the class="button" to each link

<a href="http://wbxpress.com/category/bcwd/" class="button">Backward Classes</a>

Then add this to your style.css file

a.button {
    background-color: #222;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px 12px;
    padding: 0.8rem 1.2rem;
}

a.button:hover {
    background-color: #ed702b;
    text-decoration: none;
}

---

We are a web design & development consultancy based in Singapore who specialise in all things WordPress & Genesis. | ChillyBin Web Design & Consultancy: http://www.chillybin.com.sg | Twitter: @chillybindesign

[wbxpress]

thank you very much. it worked perfectly.

[Author]

Posts