[Theme: Responsive] change top navigation bar background color (13 posts)

  1. ve39
    Posted 3 years ago #

    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 !

  2. chrissyboy
    Posted 2 years ago #

    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.

  3. @ 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 http://themeid.com/forum/
    Responsive is such a popular theme that it has it's own forum.

  4. klesuer
    Posted 2 years ago #

    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.

  5. Ifraz
    Posted 2 years ago #

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

  6. dcgroshek
    Posted 2 years ago #

    @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:

  7. dcgroshek
    Posted 2 years ago #

  8. Andrew
    Forum moderator
    Posted 2 years ago #

    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.

  9. dcgroshek
    Posted 2 years ago #

    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?

  10. Andrew
    Forum moderator
    Posted 2 years ago #

    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.

  11. SeanD1983
    Posted 2 years ago #


    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.

  12. danielbecca
    Posted 2 years ago #

    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?

  13. esmi
    Forum Moderator
    Posted 2 years ago #

    As per the theme developer's request, please try posting on the theme's dedicated forum: http://cyberchimps.com/forum/free/responsive/

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.