No CSS styling on Firefox and IE with Customizr (child) theme (2 posts)

  1. Tomkins
    Posted 1 year ago #

    First thing to say is that my admin dashboard styles as expected in ALL browsers but site itself styles ONLY correctly on following browsers:
    Chrome (Windows 7) Version 35.0.1916.153 m
    Opera Version 22.0.1471.70
    Safari (Windows 7) 5.1.7
    Chrome (Android4.4.2) 35.1.1916.141
    But here's the problem: The site does not style correctly on:
    Firefox (Windows 7) version 29.01
    IE (Windows 7) version 10.
    Any suggestions would be most appreciated.
    Here my config:
    Hosted: on shared Linux host
    Apache 2.2.22
    PHP 5.2.17
    MySQL 5.0.96-community
    Current WP Configuration:
    WP: 3.8.3
    Base Theme: Customizr 3.1.15
    Child Theme: Customizr Child (1.0.0)
    I made changes mostly to colour specifications in:
    Using plugin: Unlimmited Customizr Version 1.3
    ----------------- Thanks

  2. acub
    Posted 1 year ago #

    Rule of thumb: CSS always works as expected. If some rule does not apply in a browser but it applies in others, it is from one of these causes:

    1. Your browser didn't load the new (modified) stylesheet and uses a cached older copy of it. You need to force-refresh the page to fix this.
    2. Your CSS has browser specific selectors (WP appends a browser-specific classes to the body element, allowing CSS fixes for specific browsers). Check your CSS for any of the following selectors (.ie, .gecko, .chrome, .safari, .opera).
    3. Your CSS has browser specific CSS attributes (prefixed with -webkit, -moz, -o or -ie). If this is the case, you need to add the CSS that works in your browser.
    4. You have errors in your CSS that prevent the browser to read your declaration properly (a common mistake is not closing curly brackets of a css rule, this making most browsers ignore the selector of the next CSS rule, since it thinks it is still inside the previous rule).
    5. There is a stronger CSS selector that overrides your code but it only loads in your current browser (some themes load different stylesheets for different browsers - especially for IE).

    Having said that, I should add that CSS debugging can be tricky and sometimes misleading, so your best bet is to provide a link and let us know what you are trying to achieve.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.