Site logo

Archived topic

Buttons on addon page

6 replies · Started by Ross Robson on August 13, 2014

Viewing posts 1–7 of 7

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.

http://www.pontyclundarts.co.uk/download-centre/

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.

This archived topic is closed to new replies.