Change Navbar color eliminate 2nd header

  • Unknown's avatar
    dalesharon3 · Member ·

    Hi,

    If someone could help w/ the following for the “Shine On” theme, that’d be great:
    1. eliminate 2nd header and the line under it (“sugarmethod” + “this site is the cats pajamas”)
    2. Change navbar color to blue and eliminate the design directly under navbar
    3. Change bkgd color of widget/search field area (currently navy blue)
    4. Eliminate footer design @ very bottom of page

    Thanks in advance for any help you can offer!

    Dale

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    4. Eliminate footer design @ very bottom of page

    Please read this section of the support docs carefully and the ToS. All WordPress.com bloggers are required to maintain the credit links, even our VIP bloggers. Please do not hide the footer credits or the toolbar with CSS after purchasing a Custom Design upgrade.
    http://en.support.wordpress.com/custom-design/#frequently-asked-questions

  • Unknown's avatar
    thesacredpath · Member ·

    1. You change the site description at Settings > General. It is always good to have a short, descriptive site description for the search engines. To hide the title and description from view, go to Appearance > Customize > Site Title, uncheck “Display Header Text” and save.

    2. Add the following to your Custom CSS. Go to Appearance > Customize > CSS, delete all of the informational text and paste in the following. Edit the background color code in the first rule for the blue you desire. The second rule has the menu text color, which you may need to change depending on how dark the blue is you set for the background. The third rule hides the graphic image below the menu bar.

    .navbar, .format-gallery, .format-chat {
    background-color: #F7F084;
}

.nav-menu li a {
color: #252137;
}

.site-header:after {
    background: none;
}

    3. Add this CSS and edit the color as desired for the footer widget area.

    .site-footer .sidebar-container {
    background: #252137;
}

    4. @timethief has answered above.

  • Unknown's avatar
    dalesharon3 · Member ·

    Thanks sacredpath, I really appreciate your help:)

  • Unknown's avatar
    dalesharon3 · Member ·

    @ timethief – my intention was never to get rid of the credit links, I simply don’t need the illustration at the foot of the page. thanks for the support docs link, I’ll check that out.

  • Unknown's avatar
    thesacredpath · Member ·

    Sorry, we misunderstood #4. To get rid of the background image in the footer area, add the following CSS.

    .site-info {
    background: none;
}
  • Unknown's avatar
    dalesharon3 · Member ·

    Thanks sacredpath, you’re awesome! have a great weekend

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome, and you too!

  • The topic ‘Change Navbar color eliminate 2nd header’ is closed to new replies.