Support

Home Forums Event Espresso Premium Changing Register text in event listing to button image

Changing Register text in event listing to button image

Posted: February 9, 2014 at 6:02 am

Viewing 3 reply threads


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, 9 months ago by Janet Murray.
  • This topic was modified 10 years, 9 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.

Viewing 3 reply threads

The support post ‘Changing Register text in event listing to button image’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso