Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #26905

    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!

    #132055

    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

    #132056

    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?

    #132057

    Hi,

    I can’t access the site: http://stage.stankimballdds.com

    Regards,

    Ismael

    #132058

    Oh sorry. We pushed it live.

    http://www.stankimballdds.com

    #132059

    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

    #132060

    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.

    http://stankimballdds.com/

    #132061

    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

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Buttons in IE8’ is closed to new replies.