Buttons are a great way to create a "call to action" and link pages (good for SEO!) but what if you don't like the options for the button fonts that come standard on your Weebly theme? We say, "Change it up!"
1. In the CSS, go to the section that looks like this:
.wsite-button {
color: #333 !important;
font-family: Arial, Helvetica, sans-serif;
height: 34px;
display: inline-block;
font-size: 12px;
border: none;
font-weight: normal;
font-size: 13px;
text-decoration: none;
padding: 0 15px 0 0;
background: url(button.png) no-repeat 100% -105px;
}
2. Change the font:
Look for the section of this code that says font-family:
This defines the button font. If the Weebly theme you selected doesn't have this as part of the code, just add it!
Add or change the definition according to the following format - with a colon (:) after font-family and a semi-colon (;) after the name of your font.
font-family: yourfont;
Add it anywhere between the opening and closing { } in the section.
Ta-Da! You've got a beautiful button. I mean it.
1. In the CSS, go to the section that looks like this:
.wsite-button {
color: #333 !important;
font-family: Arial, Helvetica, sans-serif;
height: 34px;
display: inline-block;
font-size: 12px;
border: none;
font-weight: normal;
font-size: 13px;
text-decoration: none;
padding: 0 15px 0 0;
background: url(button.png) no-repeat 100% -105px;
}
2. Change the font:
Look for the section of this code that says font-family:
This defines the button font. If the Weebly theme you selected doesn't have this as part of the code, just add it!
Add or change the definition according to the following format - with a colon (:) after font-family and a semi-colon (;) after the name of your font.
font-family: yourfont;
Add it anywhere between the opening and closing { } in the section.
Ta-Da! You've got a beautiful button. I mean it.
