WordPress.org

Support

Support » Themes and Templates » ColorWay » Theme looks different on IE, Firefox and Safari

Theme looks different on IE, Firefox and Safari

  • Hello, I did some color modifications on style.css but these amendments don’t work –

    IE – rounded corners are not supported? Search word appears on top of search icons.

    Safari & Firefox – rounded corners are ok but color modifications don’t work

    Chrome – everything is working perfectly fine

    Any ideas? Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    Some CSS does not work in all browsers — and then you generally have to make browser-specific CSS styles to cover all browsers. Google around on the styles that are not working — you should be able to find lots of info on CSS specific sites.

    Well I checked the premium version of Colorway’s demo site and it seems working on all browsers. I wonder what’s wrong in just changing colors in style.css of the lite version.

    WPyogi

    @wpyogi

    Forum Moderator

    If you post a link to your site, someone may be able to offer more specific help with that kind of question.

    My bad, I forgot to do that. Well this is what I’m experimenting on – http://www.hredigital.com/new using the Colorway lite version.

    Please check on different browsers, maybe I’m wrong. I tried changing the background and text colors.

    Moderator Andrew Nevins

    @anevins

    Ensure each page produces valid HTML.

    Sometimes plugins cause the invalid HTML and therefore are worth deactivating to explore whether any are responsible.

    You’ll need to provide browser version numbers too.

    IE – rounded corners are not supported? Search word appears on top of search icons.

    Try PIE plugin to resolve this.

    Safari & Firefox – rounded corners are ok but color modifications don’t work

    Post the CSS that doesn’t work (should only be a few lines).

    Chrome – everything is working perfectly fine

    Following on from WPyogi’s point, websites don’t automatically work in every browser. This is normal behavior.

    Actually I haven’t installed any plugins yet. The WP installation is fresh 3.4.2 and no additional widgets as well.

    http://www.hredigital.com/new – my experiment using Colorway lite
    http://inkthemes.com/wpthemes/colorwayrestaurant – premium version

    The demo from inkthemes works fine on all browsers. While my experiment don’t. As I’ve said, I just changed colors and some images.

    This is the original CSS (just one of the colors I changed) –
    a {
    text-decoration:none;
    color:#4F7327;
    }
    a:hover {
    color:#2B4908;

    This is mine –
    a {
    text-decoration:none;
    color:#87A114;
    }
    a:hover {
    color:#87A114;

    Moderator Andrew Nevins

    @anevins

    I’m sorry, you’ll have to specify which browsers versions the issues concern.

    For the unresponsive CSS changes, it looks like you’re not using specific-enough selectors.

    By the way, your website throws a 403 error;

    403 Forbidden

    Access to this resource on the server is denied!

    Ouch! Ok let me check that first with my host. I wonder why it’s 403 Forbidden.

    By the way, your website throws a 403 error;

    Hello, could you check if you’re now able to see –
    http://www.hredigital.com/new

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Theme looks different on IE, Firefox and Safari’ is closed to new replies.
Skip to toolbar