WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Custom CSS not working in Explorer or Firefox (5 posts)

  1. purplenaartjie
    Member
    Posted 1 year ago #

    But all is fine in Chrome and Safari... Anyone got any ideas? It relates to resizing the header, removing margins and placement of the header image...

    http://specklestest.cookie.org.uk

    Thankyou!!!

    Sophie

  2. s_ha_dum
    Member
    Posted 1 year ago #

    You have a bunch of style rules that start with '-webkit'. Any of those the problem ones?

    Can you be more specific about the problem, please? What rules are not being applied? Exactly what are you trying to do with the header?

  3. purplenaartjie
    Member
    Posted 1 year ago #

    Hi,

    I've added to my custom CSS to adjust my header image size and position, as below. In IE I don't get any header at all and in Firefox the header image is too big... In Safari and Chrome it's fine.

    #site-title {
    margin:0;
    line-height:0;
    float:left;
    }
    #social-media-icons {
    display:none;
    float:none;
    margin-top:0;
    }
    #header input#s {
    display: none;
    }
    #header #searchform {
    float:none;
    }
    #access ul {
    text-transform: titlecase;
    font-size: 18px;

  4. s_ha_dum
    Member
    Posted 1 year ago #

    Sorry, I don't see what you do. The site looks virtually identical in Safari, Chrome, FireFox, IE and Opera, on Windows 7. I checked Safari on a Mac as well... same result. There are some very minor differences but that is just about unavoidable.

    Your header image is overly large though-- 1,140px × 200px (scaled to 730px × 128px), as calculated by FireFox's "View Image Info". The max-width as you have things configured is 760px-- the #wrapper div-- so you should scale the image down to that. Otherwise, I am sorry. I don't the problem. Have you tried flushing your browser cache?

  5. purplenaartjie
    Member
    Posted 1 year ago #

    Thankyou! All is well now and I have scaled the image down to 760px.

    Cheers!!!

Topic Closed

This topic has been closed to new replies.

About this Topic