How to remove ribbon ends

  • I would like to remove the “ribbon ends” on the color stripe across the top of the page. Can someone tell me where/how I can do that? Please be specific, as I do not know code very well, at all.
    I’m also wondering if/how I can change the ribbon color.
    Thank you,
    Sally

Viewing 5 replies - 1 through 5 (of 5 total)

  • If you go to the style.css file in your theme editor and look for the following block of code (which begins on line 75): 

    #navigation:before, #navigation:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -8px;
    z-index: -1;
}

    and remove the

    content: "";

    and that should do the trick.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you modify the theme’s files, you’ll only lose those modifications when the theme updates.

    For just CSS changes, use a Custom CSS plugin to hold your CSS modifications; entailing you’ll need to create new styles.

    As for the color, you can change that in the theme options panel under the “Basic Settings” tab, or you can override it by going to: 

    #navigation {
    float: left;
    width: 1019px;
    left: -9px;
    font-family: Georgia, Times New Roman, serif;
    font-style: italic;
    position: relative;
    color: #fff;
    margin-top: 10px;
}

    and adding a

    background:

    property with the color of your choosing.

    And I suppose Andrew is correct. All of this needs to be done with a CSS modification plugin or using a child theme.

    Thread Starter gooddinnermom

    (@gooddinnermom)

    Nothing happened when I made the change for the ribbon ends. BUT, thanks for the info about needing a CSS modification or child theme. I will definitely look into those.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to remove ribbon ends’ is closed to new replies.