Support

Home Forums Event Espresso Premium Change CSS of 'register' link on events table view

Change CSS of 'register' link on events table view

Posted: February 10, 2015 at 10:22 pm


David Lynch

February 10, 2015 at 10:22 pm

Hello,

We would like to change the look of the link that usually says ‘register’ or in our case ‘view details’ to the following style.

background: #eb1d48;
color: #fff;
font-weight: bold;
padding: 10px;
border-radius:3px;

Using my knowledge I can only effect one link at a time as the inspect element only shows me a single link css

a#a_register_link-5383 for example.

I have spent hours trying to fix what should be a simple thing to make th text stand out like a button

You can view our site at
http://www.practitionerservicesaustralia.com.au/professional-development/

password is: beta05

Thanks Again


Lorenzo Orlando Caum

  • Support Staff

February 11, 2015 at 11:12 am

Hi David,

Thanks for giving this a try on your end.

Try this CSS (does a partial match on CSS ID):

[id^="a_register_link-"] {
  	background: #eb1d48;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	border-radius:3px;
}

You can add new styling to your child theme’s stylesheet or through a plugin like Reaktiv CSS builder or My Custom CSS.

You should then see your red buttons.


Lorenzo

The support post ‘Change CSS of 'register' link on events table view’ 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