WordPress.org

Ready to get started?Download WordPress

Forums

ColorWay
Theme looks different on IE, Firefox and Safari (10 posts)

  1. HRE
    Member
    Posted 1 year ago #

    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.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. HRE
    Member
    Posted 1 year ago #

    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.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  5. HRE
    Member
    Posted 1 year ago #

    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.

  6. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    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.

  7. HRE
    Member
    Posted 1 year ago #

    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;

  8. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    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!

  9. HRE
    Member
    Posted 1 year ago #

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

  10. HRE
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.