Support » Themes and Templates » [Theme: Responsive] change top navigation bar background color

  • ve39


    Hi guy,
    I’ve been going through css file for hour now trying to figure this out.

    How would i change a background color of the top navigation bar in Responsive theme?

    Thank you !

Viewing 12 replies - 1 through 12 (of 12 total)
  • 3 months ago and no reponse? what kind of bs is this?

    I ma having trouble with it as well…it seems as though the changes take place in firefox only. IE & CHROME remain the same.

    Christine Rondeau


    Volunteer Forum Moderator

    @ chrissyboy please note that forums are moderated by volunteers. None of us are paid to be here and so you might think it’s bs, but we are only human and can’t be here all the time.

    You may also want to go to directly to the theme’s forum
    Responsive is such a popular theme that it has it’s own forum.

    Go to Appearance > Editor and edit style.css

    Scroll down until you see:

    .menu {
    	background-color: #585858;
    	background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
    	background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
    	background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
    	background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
    	background-image: -o-linear-gradient(top, #585858, #3d3d3d);
    	background-image: linear-gradient(top, #585858, #3d3d3d);
    	clear: both;

    Change the gradient color values.

    Thanks klesuer, the css above works a treat for the background of the main navigation.

    @klesuer, I’m a WP novice of about 2 months and trying to learn as much as I can. I attempted to change the color values like you suggested above. I switched the default range of #585858, #3d3d3d to #A3D6FF, 99CCFF without success. I’m clueless re: code (obviously!) and would appreciate any help/suggestions you may have? Here’s a SS of my current CSS with changes I mentioned:

    Moderator Andrew Nevins


    Forum moderator

    No point editing the theme’s files. You’ll only lose your modifications when the theme updates.

    If you want to make CSS modifications, you can do so through a Custom CSS Manager plugin.

    Check out the responsive theme forums for more info.

    Thanks for your quick reply Andrew. Since the Responsive Theme switched over from ThemeID to CyberChimps, I haven’t been able to log-in. Still waiting for a post on that thread I created : /

    But I’ll check out the plugin you suggested. Am I correct to assume that this plugin isn’t exclusive to just the Responsive Theme?

    Moderator Andrew Nevins


    Forum moderator

    Am I correct to assume that this plugin isn’t exclusive to just the Responsive Theme?

    Yes. Plugins that provide Custom CSS functionality (like Jetpack) are often recommended for CSS specific modifications as opposed to editing the theme’s files.


    I have a problem with the navigation bar on the “responsive” theme. I want to style the “home” button hover state, as it seems to be reading from somewhere else. Does anyone know where this is?

    All I want to do is put a radius on the left corner, so when the user hovers over it, its shape matches the non hover state.

    I’m doing my editing for a child css sheet.

    I’ve changed the background color of the nav bar but now I want to take the drop-shadow off the type. . . any help on how to do that?

    As per the theme developer’s request, please try posting on the theme’s dedicated forum:

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Theme: Responsive] change top navigation bar background color’ is closed to new replies.