WordPress.org

Ready to get started?Download WordPress

Forums

Buttercream
[resolved] IE8 and below: the cupcake image overlaps the site title. (14 posts)

  1. johnnycardy
    Member
    Posted 1 year ago #

    On IE7 and IE8, the cupcake image at the top overlaps the site title. This isn't happening in IE9 or IE10 or other browsers.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you have a section of the dashboard named, "Custom CSS" or "Edit CSS"? Or are you using a Child Theme?

  3. johnnycardy
    Member
    Posted 1 year ago #

    I'm not using a child theme, I'm on latest WordPress and latest theme. I can customise it and probably fix it but I thought I should log it for Caroline to look at...is this the right place to do that?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Caroline may fix this in future updates of the theme, but usually we can give you a solution prior to that or at least a temporary fix.

    The solution will require you to install this Custom CSS Manager plugin, it will be a CSS-based solution.

  5. johnnycardy
    Member
    Posted 1 year ago #

    OK, that would be great!

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Let us know when you have that plugin installed.

  7. johnnycardy
    Member
    Posted 1 year ago #

    I have it now.

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    In the Custom CSS Manager section of the dashboard, enter this:

    #header-image img {
     float: left\9;
    }

    EDIT: Code amended, please retry.

  9. johnnycardy
    Member
    Posted 1 year ago #

    Andrew, that fixes the issue in IE8 but not IE7 - I don't really care about IE7 though. Thanks a lot for your help.

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try this instead;

    #header-image img {
     float: left\9;
     *float: left;
    }
  11. johnnycardy
    Member
    Posted 1 year ago #

    No luck that time.

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    Looking into it thanks for highlighting :)

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

    Okay, forget all my previous code recommendations and use this instead:

    #header-image {
     margin-bottom: 0px\9;
     *margin-bottom: 0;
    }
  14. johnnycardy
    Member
    Posted 1 year ago #

    That pushes the whole white main section down to below the header, and not just the image. I'm gonna stick with the previous fix because as long as IE8 is working that's the main thing.

    Thanks again for your help!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.