Support

Home Forums Event Espresso Premium Change formatting for pop-up details

Change formatting for pop-up details

Posted: February 2, 2015 at 11:21 am


Maria Bucci

February 2, 2015 at 11:21 am

I would like to clean up the pop-up details on
http://wholeheartedworkshops.com/about/what-is-whole-hearted/workshops-2/

to look more like
http://live-happier.com/workshops/

where do I do that?


Lorenzo Orlando Caum

  • Support Staff

February 2, 2015 at 7:20 pm

Hi Maria,

Are you referring to the colors that are used in the text box?

Those can be changed by using some CSS and you can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).

This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or through a plugin like Reaktiv CSS builder or My Custom CSS.

Try this CSS:

.qtip-shadow .ui-widget-header {
    border: 1px solid #dfd9c3;
    background: #f5f3e5;
    color: #312e25;
}

.qtip-shadow .ui-widget-content {
    border: 1px solid #dfd9c3;
    background: #f5f3e5;
    color: #312e25;
}


Lorenzo

The support post ‘Change formatting for pop-up details’ 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