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
July 28, 2015 at 10:51 am
Add New Note to this Reply
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.
Tony
July 28, 2015 at 12:10 pm
Add New Note to this Reply
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
Add New Note to this Reply
Thank you very much!