-
Posts
-
Hello,
Once again, Enfold is a great theme!
Cross-browser testing went really well. Only one thing I’d like to bring up…
In IE8, the buttons are only showing the outline, not the fill color. And since the text is colored white, it just looks like a blank rectangle. I’m guessing it has something to do with IE8 not wanting to render the gradient.
http://stage.stankimballdds.com
It’s very possible that I inadvertently changed something in the CSS that’s causing this. But I don’t recall changing any of the button settings.
When you get a moment, please let me know if there’s an easy fix.
Thank you!
Hi,
IE8 doesn’t support the property background-color. Please add this on your custom.css or Quick CSS
.msie8 .main_color .avia-color-theme-color {
background: #f26422;
}or just use:
.main_color .avia-color-theme-color {
background: #f26422;
}Regards,
Ismael
Hi,
Thanks for the response!
Unfortunately the first one didn’t work, but the second one works. And I actually like the buttons solid instead of gradient.
Is there a quick CSS code that would make the button text white with no text-shadow?
Oh sorry. We pushed it live.
Hey,
You can add this on your custom.css or Quick CSS to make the button text white:
.avia_iconbox_title {
color: white;
}And this to remove the text shadow:
body .avia-button.avia-color-theme-color, body .avia-button.avia-color-theme-color:hover {
text-shadow: none;
}Regards,
Ismael
Hi,
Thanks again for the response!
The first code worked nicely, to make the button text white.
But the second one, to remove the drop shadow, didn’t have any effect.
Hi,
I inspect your website and I can see that the text-shadow property on the specified selectors is applied correctly.
body .avia-button.avia-color-theme-color, body .avia-button.avia-color-theme-color:hover {
text-shadow: none;
}Can you point us to the elements where you want to remove the text shadows? A screenshot will help.
Regards,
Ismael
- The topic ‘Buttons in IE8’ is closed to new replies.