Archived topic
Buttons on addon page
6 replies · Started by Ross Robson on August 13, 2014
Hi Tom,
Could you tell me how i could get buttons like yours on the addon page, i have downloaded the plugin you use to make grid layouts but would like to have buttons also
so want pretty much the same layout and design as yours but with an extra column to make it 4 across and different color buttons and how to get pictures in the right place, going to use it for people to download registration forms and league updates etc.
Hi Ross,
I just used basic CSS to create these - I'm sure there's quite a few button shortcode plugins out there, but for me, this was cleaner.
Here's my CSS:
.button,
.button:visited {
display: inline-block;
*display: inline;
*zoom:1;
padding: 10px 15px;
font-size: 17px;
margin-bottom: 5px;
}
.button.green,
.button.green:visited {
background: #76B711;
color: #FFF;
}
.button.green:hover {
background: #67A00B;
}
.button.gray,
.button.gray:visited {
background:#777;
color:#FFF;
}
.button.gray:hover {
background:#606060;
}
.button.blue,
.button.blue:visited {
background:#1E72BD;
color:#FFF;
}
.button.blue:hover {
background:#1860A0;
}
I included a few colors in there.
Usage would be like this:
<a href="#" class="button blue">Blue button</a>
<a href="#" class="button green">Green button</a>
And so on.
Hope this helps :)
Tom
I have just gone into my website and the spacing has reset and all the addons have disappeared from my customize section, i dont know whats happened?
Dont worry now i had to activate all the addons again, everything back normal again now
Where do i put the coding you gave me?
The CSS I gave you should go with your other custom CSS - whether that's in a child theme or using that Simple CSS plugin.