Do you see a reason why this should not work? All I get is an un-styled link.
xxx (can’t post href code here)
.front-2 {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
padding: 11px 30px;
letter-spacing: .03em;
background: #dd3d13 !important;
border: none;
color: #fff;
font-weight: 700;
-webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
transition: background-color 0.4s;
text-transform: uppercase;
text-decoration: none !important;
text-align: center !important;
letter-spacing: .04em;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0 auto;
display: block;
width: 200px;
height: auto;
}
Hi,
Well I’m not sure what is the css supposed to apply to. If your link has the front-2 class like < a class = "front2" href="#" > then it should get the style from the css. Also you use letter-spacing twice in the same code. You just need one. Plerase provide a link to your site pointing to the post/page with the link you are trying to style so I can inspect it and see why the css does not apply.
Thank you!
Hi,
The link behind the xxx did not work. I have checked your site but could not find the front-2 class anywhere on the page you provided. Maybe that is why the css does not work as you us a different class for your button.
You can use the browser inspector to get the class of the button you wish to style and change it in the css from front-2 to the class of the button. You can follow this tutorial on how to use the browser inspector: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
