Center Button
-
Hi, there! I’m not a developer. I’m just going by the bits and pieces of what I see from sites offering simple HTML tutorials. Now, I’m stuck. The only thing I want to do is to center align a button.
This is what I have on the Additional CSS box:
.greeniwtbutton {
-moz-box-shadow: 0px 10px 14px 1px #4c9e79;
-webkit-box-shadow: 0px 10px 14px 1px #4c9e79;
box-shadow: 0px 10px 14px 1px #4c9e79;
background-color:#166e46;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:18px;
padding:12px 18px;
text-decoration:none;
}
.greeniwtbutton:hover {
background-color:#2b835b;
}
.greeniwtbutton:active {
position:relative;
top:1px;
}Now, this is what I’m placing on the HTML box:
The resulting button is aligned to the left. How do I align it to the center?
This is a reference page: https://dev.inwall.com/products/hd525-1lcr/
Many thanks for your help. :)
-
Hi there,
There are two buttons on the page INWALLATORE and AMAZON.
below is a code.
.greeniwtbutton {
-moz-box-shadow: 0px 10px 14px 1px #4c9e79;
-webkit-box-shadow: 0px 10px 14px 1px #4c9e79;
box-shadow: 0px 10px 14px 1px #4c9e79;
background-color:#166e46;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
display:block;
margin-left:auto;
margin-right:auto;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:18px;
padding:12px 18px;
text-decoration:none;
} -
-
-
-
- The topic ‘Center Button’ is closed to new replies.
WordPress.com Forums 