|
Janet Murray
|
February 9, 2014 at 6:02 am
I know this is probably fairly easy, but how and where in the code do I apply an image link to change the register/info/book now text link (as per the link screenshot below) into a button?
http://i.imgur.com/u2kyMJq.jpg
-
This topic was modified 10 years, 11 months ago by
 Janet Murray.
-
This topic was modified 10 years, 11 months ago by Janet Murray.
|
|
Dean
|
February 10, 2014 at 1:41 am
Hi Janet,
You would need to use CSS. For example you could add the following to your themes style.css file or a plugin such as My Custom CSS.
#ee_filter_table a {
background-color: #523f6d;
padding: 4px;
border-radius: 10px;
color: #fff;
}
This will create a basic faux button like so http://take.ms/oumyr
To use an actual image, you would need to use something called image replacement, there are a variety of ways to do this, here are some examples http://css-tricks.com/css-image-replacement/
|
|
Janet Murray
|
February 10, 2014 at 2:34 am
Thanks Dean, the faux button looks and works just fine – though I’ve taken the border radius down. I’m all about the flat/Metro look… ;)
|
|
Dean
|
February 10, 2014 at 4:34 am
Haha! I’m glad it was suitable, though it was just an example. I still can’t decide if I like the “flat” look or not, seen too many examples of overly colourful sites I think.
I’ll mark this as resolved.
|
