WordPress.org

Forums

Hueman
[resolved] change link into button (6 posts)

  1. nc020
    Member
    Posted 1 year ago #

    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/

    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

  2. alemarengo84
    Member
    Posted 1 year ago #

    Maybe you have to load bootstrap css somewhere if it's your purpose...:)

  3. salsaturation
    Member
    Posted 1 year ago #

    you could do something like

    <a title="Online boeken" href="http://www.kamer033.nl/online-boeken/"><button type="button">RESERVEER</button></a>

  4. nc020
    Member
    Posted 1 year ago #

    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!

  5. raizaduran
    Member
    Posted 1 year ago #

    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

  6. salsaturation
    Member
    Posted 1 year ago #

    @raizaduran please have a look at http://www.w3schools.com/html/html_links.asp and then just adapt the above code accordingly

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic