WordPress.org

Ready to get started?Download WordPress

Forums

Remove navigation ribbon (6 posts)

  1. JuliaMueller
    Member
    Posted 1 year ago #

    Hi there,

    I use the Delicacy theme and it comes with a ribbon behind the navigation links. I would like to remove it entirely and was able to remove part of it, but there is still a green bar above the links.

    I would also like to remove the search bar that appears in the header (the one in the sidebar is fine) and can't seem to find the chunk of code to eliminate it.

    Could you please help me locate which sets of CSS code pertain to each of the issues above so that I can remove the items?

    Thanks a bunch!!

    Julia

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Unless you post a link to your site, it's totally impossible to help with things like this...

    Alternatively, use Firebug to help you find which CSS to modify.

  3. JuliaMueller
    Member
    Posted 1 year ago #

    Sorry about that... http://www.theroastedroot.net/ I've been using firebug and still am having a difficult time locating the appropriate code for the search bar in the header and the green navigation line

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    What changes have you made and how did you make them? It does not look like you are using a child theme -- which is a problem if you changed any theme files (not theme options) -- as all your changes will be lost when the theme is updated.

    Also, it looks like you duplicated the search form? That caused some mark-up errors on the page -- as you cannot have duplicate ID's on a page:

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.theroastedroot.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The green ribbon in the nav bar is a background image -- so you can change that in the CSS -- after you've created a child theme...

    add this to the child theme's style.css file:

    #navigation {
        background: #XXXXXX;

    put the color you want for the hex code (x's)

    For removing the search box, you'll need to look in the header.php file. Or you can hide it using the CSS "display: none;" but that won't solve the duplicate ID problem noted above.

  6. JuliaMueller
    Member
    Posted 1 year ago #

    Thank you for the help! I created a child directory and child style.css sheet. Alright, I'm a little lost. I know I need to install the child theme on the WordPress dashboard but do not see how to do that when I go to Dashboard > Appearance > Themes. I'm not even sure the parent theme is installed correctly at this point...

    I'm not sure how I duplicated the search form, and I'm still having a difficult time locating the code that made it a duplicate.

    Also, if I change the header css, do I put the new header code sheet in the child directory too?

    Thanks,

    Julia

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.