Support

Home Forums Event Espresso Premium Text on Modal Buttons Faded

Text on Modal Buttons Faded

Posted: July 28, 2015 at 10:45 am

Viewing 4 reply threads


David

July 28, 2015 at 10:45 am

Since changing to EE 4, the text on buttons is barely visible in the cart modal popup window (e.g. Return to Events List, Proceed to Registration)

This issue is only in modal windows.


Tony

  • Support Staff

July 28, 2015 at 10:51 am

Hi David,

Can you link us to your event page please?

It sounds like you may need some custom CSS to override your themes styles on those modal windows.


David

July 28, 2015 at 11:10 am

https://www.chicagorvshow.com/tickets/


Tony

  • Support Staff

July 28, 2015 at 12:10 pm

Yeah theres a few reasons for this, within your themes custom.css file is:

.button, a.button {
    background-color: #dc271c !important;
}

a, .sub-footer a:hover, .post-categories a:hover, .post-author a:hover, .post-tags a:hover, .post-comments a:hover, .comment .info .name a:hover, .portfolio-thumb .title, .latest-tweets .tweet-status a:hover, .headline-text a:hover, .testimonials-block .item .qo, .post-big .post-title a:hover, .sort-menu li a.button.active .count {
    color: #dc271c;
}

Which sets the background to the redish orange and all of your a tags (links) to use the same color. Then all your inputs use:

input[type=button], input[type=submit] {
    color: #fff;
}

To set the color of the text to white.

The problem is the model uses links rather than inputs, so the white from above is not being applies.

To fix just add something like:

div#cart-results-modal-dv a {
    color: #fff;
}

To your custom styles or using a plugin such as My Custom CSS.


David

July 28, 2015 at 12:24 pm

Thank you very much!

Viewing 4 reply threads

The support post ‘Text on Modal Buttons Faded’ 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