Title: change link into button
Last modified: August 21, 2016

---

# change link into button

 *  Resolved [nc020](https://wordpress.org/support/users/nc020/)
 * (@nc020)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/change-link-into-button/)
 * Hi,
 * I am trying to make a link appear like a button, in the same style that the ‘
   post comment’ button does. I tried adding class= “button” to the link, but nothing
   happens.
 * Here’s the page, I want to change the word “RESERVEER” to look like a button:
   [http://www.kamer033.nl/test/](http://www.kamer033.nl/test/)
 * This is what I did:
 * `<p style="text-align: left;"><a title="Online boeken" href="http://www.kamer033.
   nl/online-boeken/" class="button"> RESERVEER</a></p>`
 * What am I doing wrong? Thanks for your help!
 * Cheers, Nic

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [alemarengo84](https://wordpress.org/support/users/alemarengo84/)
 * (@alemarengo84)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/change-link-into-button/#post-4862387)
 * Maybe you have to load bootstrap css somewhere if it’s your purpose…:)
 *  [salsaturation](https://wordpress.org/support/users/salsaturation/)
 * (@salsaturation)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/change-link-into-button/#post-4862437)
 * you could do something like
 * `<a title="Online boeken" href="http://www.kamer033.nl/online-boeken/"><button
   type="button">RESERVEER</button></a>`
 *  Thread Starter [nc020](https://wordpress.org/support/users/nc020/)
 * (@nc020)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/change-link-into-button/#post-4862442)
 * Thanks salsaturation, that pointed me in the right direction.
 * I ended up defining a ‘myButton’ class in the CSS stylesheet, like this:
 * `.myButton { background: }`
 * And then the way to get in on the page is like so:
 * `<a class="myButton" href="#">your text</a></p>`
 * The info about CSS on w3schools.com really helped aswell. It works just fine 
   now!
 *  [raizaduran](https://wordpress.org/support/users/raizaduran/)
 * (@raizaduran)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/change-link-into-button/#post-4862515)
 * Hi,
 * I needed the same thing. Could you please guide me the steps and procedure to
   achieve this. I am a non techy person, please bear with me.
 * Thanks,
    Raiza
 *  [salsaturation](https://wordpress.org/support/users/salsaturation/)
 * (@salsaturation)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/change-link-into-button/#post-4862574)
 * [@raizaduran](https://wordpress.org/support/users/raizaduran/) please have a 
   look at [http://www.w3schools.com/html/html_links.asp](http://www.w3schools.com/html/html_links.asp)
   and then just adapt the above code accordingly

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘change link into button’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

## Tags

 * [add](https://wordpress.org/support/topic-tag/add/)
 * [button](https://wordpress.org/support/topic-tag/button/)
 * [change](https://wordpress.org/support/topic-tag/change/)
 * [class](https://wordpress.org/support/topic-tag/class/)
 * [link](https://wordpress.org/support/topic-tag/link/)

 * 5 replies
 * 4 participants
 * Last reply from: [salsaturation](https://wordpress.org/support/users/salsaturation/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/change-link-into-button/#post-4862574)
 * Status: resolved