Support

Home Forums Event Espresso Premium Customizing the style of the cell colors on my verify registration page

Customizing the style of the cell colors on my verify registration page

Posted: May 13, 2013 at 5:49 am

your css would be

.blue { background-color: blue; }

Hope that helps to get you started.


Ravish Bhandari

May 10, 2013 at 1:49 pm

Any help will be greatly appreciated. Thank you!


Dean

May 13, 2013 at 12:51 am

Hi Ravish,

This would actually be a two step process

1) edit the event-espresso/templates/confirmation_display.php to add CSS classes to each < tr > tag. It can be copied over to wp-content/uplaods/espresso/templates to stop it being over written when the plugin is updated

2) add css to your themes style.css or a plugin like My Custom CSS to target those classes and amend the back ground colour.

eg if the table row was


Ravish Bhandari

May 13, 2013 at 5:49 am

Greetings, I am having trouble with the styling of the verify registration page. When you fill out the form on: http://www.beholdgodministries.org/event-registration/

the third page is the verify reg page. As you can see, some of the cells in the table are a dark grey color that blends the info which is also dark grey into it..making it hard to see. How do I go about changing that grey color background color to something else, like just a plain white, so that the info is viewable inside of it. Its seems like it is pulling that style from maybe my header color of my css. Your help would be greatly appreciated. Thanks!!!

 

wordpress: version 3.5.1

ee: Version 3.1.32.P

installed add-ons: Multi Event Registration, Social Media

new installation

online: http://www.beholdgodministries.org/event-registration/


Dean

May 13, 2013 at 6:21 am

Your theme is styling that via this line (line number 63) in your themes style.css file

.header { width: 100%; height:180px; background-color: #2f3236; }

Edit: it looks like this is being added to the header.php somehow, so I added some specificity to the CSS to over ride it.

If you add this to the bottom of your style.css or via a plugin like My CUstom CSS, it will change that to white

.event-display-tables .header {background-color: #ffffff; }


Ravish Bhandari

May 13, 2013 at 9:55 am

You guys are amzing! Thank you.


Ravish Bhandari

May 13, 2013 at 10:11 am

I am wanting to change the weird styling that is being pulled for the 3rd step in the event registration page. After you have gone to: http://www.beholdgodministries.org/event-registration/

and filled out the appropriate info, on the 3rd step “verify page” the left cells are being stylized with a dark grey background, and dark grey text. How do I go about changing that dark grey cell color…seems to be pulling from my stylesheet.

Wp version: 3.5.1

EE version:  3.1.32.P

Installed plugins: Multi Event Registration, Social Media

new installation

http://www.beholdgodministries.org/event-registration/

 


Dean

May 14, 2013 at 6:28 am

Was the above post in error? The registration screen is now showing white not grey.

The support post ‘Customizing the style of the cell colors on my verify registration page’ 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