• 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)
  • 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.

    Thread Starter HRE

    (@hre)

    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.

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

    Thread Starter HRE

    (@hre)

    My bad, I forgot to do that. Well this is what I’m experimenting on – https://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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter HRE

    (@hre)

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

    https://www.hredigital.com/new – my experiment using Colorway lite
    https://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;

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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!

    Thread Starter HRE

    (@hre)

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

    Thread Starter HRE

    (@hre)

    By the way, your website throws a 403 error;

    Hello, could you check if you’re now able to see –
    https://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.