Jump to content

Change CSS button style

joostjoost
 Share

Recommended Posts

joostjoost Newbie

joostjoost

Posted
Posted (edited)

I want to change my CSS button style when I make a link look like a button.

 

How to perform this? Prestashop 1.6.1.3

 

I want to change it to:


<html>
<head>
<style>
.button {
    background-color: #1792F9;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    width: 250px;
    border-radius: 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}


.button1 {
    background-color: white; 
    color: #1792F9; 
    border: 3px solid #1792F9;
}

.button1:hover {
    background-color: #1792F9;
    color: white;
}

</style>
</head>
<body>



<button class="button button1"><strong>Blue</strong></button>


</body>
</html>

Thank you in advance!

Edited by joostjoost (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...