Support

Home Forums Event Espresso Premium EE3 Style Change?

EE3 Style Change?

Posted: February 19, 2016 at 3:14 am

Viewing 6 reply threads


Ronald Aoki

February 19, 2016 at 3:14 am

Hi,

I noticed a change in the display of the “Register” button and the way the event name is now displayed on our site’s online-registration page.

Before the button was a red rectangle with the word “Register” in white and the event name box in white (no background color) with red lettering, which was simple, clean and contrasted well.

Now, the “Register” button is a red rectangle with the word “Register” bolded in black lettering and the event name box has a gray fill to it, which are both not pleasing to the eye.

Is this a style change in the latest version of EE3, or is there a glitch that a custom CSS code can fix? Would like to change it back to how it used to look.

Please view the site for a visual if needed.

Thank you.


Lorenzo Orlando Caum

  • Support Staff

February 19, 2016 at 7:10 am

Hi there Ronald,

Event Espresso comes with basic styling and then inherits additional styling from your theme.

The default button color is not red in Event Espresso. You can share a link to the site here and we’ll share CSS for making the styling change.

Thanks


Lorenzo


Ronald Aoki

February 19, 2016 at 5:25 pm

Thanks, Lorenzo.

Here is the link:

redacted – Event Espresso support team – LOC

Thank you.


Lorenzo Orlando Caum

  • Support Staff

February 21, 2016 at 6:55 pm

Hi,

Please add this to My Custom CSS at the end:

.a_register_link.ui-button.ui-button-big.ui-priority-primary.ui-state-default.ui-state-hover.ui-state-focus.ui-corner-all { color:#FFFFFF; }

The button should then look like this:

http://cl.ly/3W1u341a0T0j


Lorenzo


Ronald Aoki

February 22, 2016 at 3:55 am

It worked! Thank you, Lorenzo!

Is there a way to get rid of the gray background in the block for the event name as well?

It was never gray before. It was white only with the red lettering.

http://www.hdihawaii.com/teen-classroom-btw/ (current gray fill in title field)

Please advise.


Lorenzo Orlando Caum

  • Support Staff

February 22, 2016 at 6:50 am

Hi,

You can use this CSS:

.ui-widget-header { background: #FFFFFF; }


Lorenzo


Ronald Aoki

February 23, 2016 at 1:07 am

It worked! Thank you, again, Lorenzo!

Appreciate it.

Thank you.

Viewing 6 reply threads

The support post ‘EE3 Style Change?’ 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