Need help? Check out our Support site, then


Menu color issues after custom upgrade

  1. I just bought the custom design upgrade, but when I change the menu color it doesn't change. Also, when it does change it doesn't show correctly. When I first bought it and uploaded, everything worked great, then I checked my blog in Safari (usually use Firefox) and the menu was different in Safari. I use a .com site and understand for .org the step is to make a child theme and edit with CSS. Is there a way to avoid that on a .com? Any feedback would be much appreciated.

    ps) The goal is to have a light menu color with red hover. Currently black with red hover.
    atmaseva.wordpress.com

    Thanks!

  2. Is this the site you are talking about, http://atmaseva.wordpress.com/ ? If so, this is the best way to change the background color of the menu. Edit the color code as desired.

    #access {
        background: #CC0000;
    }
  3. worked perfect, thanks so much for responding!!

    One other small question; how do I take out the white space from the top of the page to the title? I tried this but it didn't work,
    #header #logo {
    padding-top: 0;
    }

    Any suggestions would be great. Thanks again so much for helping.

  4. You can adjust the top padding on #main:

    #main {
    padding-top: 1.625em;
    }
  5. I might suggest adding this as well to bring the sidebar down just a little so it aligns better with the post title.

    #secondary {
    margin-top: 15px;
    }
  6. Thank you so much!

    For some reason the top white space doesn't disappear? I am referring to the space at the top of the blog above the main title ATMA SEVA. The #secondary worked great (thanks for that btw). Here is the CSS

    #access {
    background: #EDF2F5;
    }

    #access a {
    color: #000;
    }

    #branding #searchform {
    display: none;
    }

    #branding .only-search + #access div {
    padding-right: 0;
    }

    #main {
    padding-top: 1.625em;
    }

    #secondary {
    margin-top: 15px;
    }

  7. The space above the site title "ATMA SEVA" at http://atmaseva.wordpress.com/ is setup using padding on the #site-title selector. To adjust it, add this to your Appearance → Themes → Customize → CSS panel:

    #site-title {
    	padding-top: 0;
    }

    Adjust the "0" value to something like 1em or 40px to add back spacing as needed.

Topic Closed

This topic has been closed to new replies.

About this Topic