Hello WA Fans
It is Sam-K in here.
In this training I would like to teach you how to make beautiful link buttons for your site. No plugins. AND, how to make these buttons work in AMP pages for free.
This works on Any Theme.
Excuse my broken English in the video- That means I know another language-. The Information in the video are very beneficial for any one who wants to beautify his site and make beautiful link buttons .
Here are the codes I referred to in the video.
1- Put this Code in the " Additional CSS "of your theme.
/* ==========Buttons ===========
*/
.Sambutton {
background-color: #003; /* Green */
border:none;
color:#fff;
text-decoration: none;
display: inline-block;
font-size: 18px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor:pointer;
}
.Sambutton1 {
border: 2px solid #008CBA;
padding: 2px 20px 2px 20px
}
.Sambutton1:hover {
background-color: #ff0;
}
/* ========================== */
2- Put this code in your page text editor, in the place where you want the button to appear.
Note: Only put the part between <a> and </a> without the <code > tag.
<code> <a title="NFL Breast Cancer Hats" class="Sambutton Sambutton1" href="https://breastcancerhat.com/breast-cancer-hat"> PICK YOUR TEAM NOW </a></code>
Of course, you can change the title, link, colors, fonts and other button properties as you want.
You can just copy the code in step 1 and put it in your AMP additional CSS to get the button work in your amp page as well.
Kindly, make a like to the training.
Enjoy.