Support

Home Forums Event Espresso Premium Register Link Style

Register Link Style

Posted: January 16, 2013 at 11:03 am


Sean Collishaw

January 16, 2013 at 11:03 am

Hello again EE folk. Another question for you. I’ve had several people mention to me that they can’t figure out how to register for an event when they get to the event page. I’m using Event Posts to fuel Mailchimp RSS campaigns, so the links in those emails take users to the Post, and they can’t seem to be able to find the Register link easily.
I see that you do plan to offer jquery / themeroller styling to this link in 3.2, but that’s been in the works for a while. Is there a way to style the Register link so it’s more obvious?
My thought is to put it above the link to google maps, larger (h3?), and in a different color. Can this be done?
Thanks!


Josh

  • Support Staff

January 16, 2013 at 2:50 pm

Hi Mike,

There are two buttons on the event post (one before and after the content) and they both have a class name of a_register_link. So if you apply some CSS3 styles to that class, you canmake that link look more button like. Here is some example code you can try by placing into a custom stylesheet or a child theme style.css file:

a.a_register_link {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }

a.a_register_link:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
a.a_register_link :active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

The above style rules were adapted from Chris Coyier’s CSS button maker if you’d like to customize it further:

http://css-tricks.com/examples/ButtonMaker/

If you want to move the register links, that will require altering the event_post.php template. You’ll likely want to copy over the event_post.php template to /wp-content/uploads/espresso/templates. One thing to keep in mind if you do copy it over, you’ll need to keep it maintained when there are changes to the built in template in future versions of Event Espresso.


Sean Collishaw

January 18, 2013 at 2:40 pm

Man, you rock! That’s perfect. Thank you!


Josh

  • Support Staff

January 18, 2013 at 3:30 pm

You’re welcome Mike. Glad it worked for you.

The support post ‘Register Link Style’ 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