Need help changing Colinear background color and menu tab color…

  • I had to move a client’s WP.com site to Bluehost, for ecommerce capacities, and I am not sure I did things right, because there were limited theme choices and therefore, limited flexibility in background color.

    I have used Firebug once before to identify CSS to change for header variations, but have no real idea how to use it. I am okay with taking whatever I learn from Firebug and changing the CSS Stylesheet in the Editor, and I used Advanced Code Editor for the line #’s.

    What am I looking for to change the white background, not the periphery background? How to change the colors on the Menu tabs, as well?

    Thanks in advance for any help you guys/gals can give me.

    Best,

    Steve

    The site is fourcenturiesofbach.org.

Viewing 4 replies - 1 through 4 (of 4 total)

  • I’m not sure what you mean in wanting to change the white background versus the periphery background (by periphery background, are you referring to the teal on each side?)

    For the menu items, the menu itself is a ul, and each item is a list item (li) with a link (anchor tag). Depending on what state you’d like to shift the colour for, you would want to highlight that appropriate item. Keep in mind that WP also has class names for selecting “current menu item” etc. that you might want to adjust the styling for as well.

    Thread Starter Steve Keller

    (@stevekeller)

    Thanks Allison, and yes, I called the border (teal) the periphery background. I do mean the white part of the pages…is there a name for that element?

    I would like to do this first and deal with the menu tab colors later. Any tips on how to use Firebug to locate what needs to be changed?

    I need to learn how to use Child themes, I suppose, but this site will morph into the next event in 2 months, so hopefully my changes won’t be wiped out by a theme update, but not a huge issue.

    Thanks,

    Steve

    Thread Starter Steve Keller

    (@stevekeller)

    I was able to change the background color, as I had hoped, but didn’t use a child theme, because I don’t know how. Now, I need to figure out the menu tabs. Any direction about how to alter the CSS, so that the tabs are a dark blue when hovered over, or clicked on, would be great.

    Thanks,

    Steve

    I believe the code would be something along the lines of:

    .main-navigation a:active,
.main-navigation a:focus,
.main-navigation a:hover,
.main-navigation li:hover > a {
    background: #5a86a8;
}

    (replace the “#5a86a8” with whatever dark blue / hex code you’d like to use there)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Need help changing Colinear background color and menu tab color…’ is closed to new replies.