• Resolved Adrenaline416

    (@adrenaline416)


    Hi, I’m using the Twenty Eleven theme, version 1.5 and I uploaded an image for my header to the exact pixel size instructed (1000 x288). However, now there is a thin grey line running horizontally across the top of the header. It wasn’t there until I uploaded the header image and I can’t figure out how to get rid of it. Any ideas?

    Link to blog: https://www.mtmstudios.com/blog

    Many thanks.

Viewing 15 replies - 1 through 15 (of 17 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a section in the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”, or are you using a Child Theme?

    Thread Starter Adrenaline416

    (@adrenaline416)

    I don’t see any of that in the dashboard, but I do have a section in the Appearance section called “Editor” where I can edit different code stuff. But I’m not really a code guy so not too familiar.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Make your changes either through a Child Theme or Custom CSS section of the dashboard. If you don’t have either, I recommend using this Custom CSS Manager plugin.

    Write this in the Custom CSS Manager section of the dashboard;

    #branding {
     border: 0;
    }

    remove border-top from your style.css file line 558:
    #branding {
    border-top: 2px solid #bbb; ## remove this line ##
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you don’t want to lose your changes when the theme updates, don’t modify the theme’s files.

    Oh, if we expect further updates to Twenty Eleven theme then it’d be better idea if you add some style declarations as suggested by Andrew Nevins

    Thread Starter Adrenaline416

    (@adrenaline416)

    x500.net-
    I found #branding and pasted your code into there, updated but no change. The Edit Themes doesn’t show line numbers so I don’t know if I found the correct #branding.

    Andrew-
    I’ll look for the Child Theme but haven’t found it yet. Sounds right for me!

    If you want copy-paste code it should be this:
    #branding {
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;
    }

    Thread Starter Adrenaline416

    (@adrenaline416)

    Andrew-
    I downloaded, installed and activated the Custom CSS Manager plugin but don’t see what’s next. Can you describe to me where to ad that code you sent earlier?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Go to the section of the dashboard named, “Custom CSS Manager”. It should be on the left hand side of the dashboard.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Thread Starter Adrenaline416

    (@adrenaline416)

    Found it. Do I just paste the code you gave me in there and click Save Changes?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Yes

    Thread Starter Adrenaline416

    (@adrenaline416)

    Wow that took care of it. Thanks so much! Just curious if I ever put code in the Custom CSS Manager that causes something to go horribly wrong, how would I “undo”?

    Many thanks and also much thanks to x500.net for the assistance.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Delete the code in the Custom CSS Manager.

    It’s not like PHP where if you make a syntax error, the whole site goes down. The worst that will happen is some formatting (of the styles in the Custom CSS Manager) will be lost.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Help: Annoying thin grey line at top of my blog.’ is closed to new replies.