Forums / Templates, Stylesheets, Page Layout / can't find CSS selector in Twist of Nature

can't find CSS selector in Twist of Nature

Started by petershank on 19 Jun 2012, 6:54 AM · Views: 774

Results 1 to 5 of 5
19 Jun 2012, 6:54 AM
#1
petershank avatar

petershank

New Zenner

Join Date:
Feb 2011
Posts:
4
Plugin Contributions:
0

can't find CSS selector in Twist of Nature

Despite using FireBug and the built-in CSS inspector in Chrome, I have only been able to figure out how to change a few of the background colors. I'm missing something.
http://indichocolate.com

In attempting to change the gray background color of navigation links for categories like "dark chocolate", I found #navCatTabsWrapper, but setting its background-color to Red only appears to have changed the border of the tab? What's controlling that gray?

What am I missing?
Thanks in advance.

24 Jul 2012, 1:49 AM
#3
petershank avatar

petershank

New Zenner

Join Date:
Feb 2011
Posts:
4
Plugin Contributions:
0

Re: can't find CSS selector in Twist of Nature

keneso, thanks.
That allowed me to change two rows of navigation buttons (top and bottom, the ones with "Dark Chocolate", "Samplers", etc. and also the row with "About us".
However, I can't find the selector that affects the middle row, including the "Home" and "Log in" button. I must be missing something obvious, but I can't find it using FireBug.

24 Jul 2012, 8:46 AM
#4
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: can't find CSS selector in Twist of Nature

Line 223

.back li {
background-color: #535141;
border: 1px solid #C1C0BD;
float: left;
margin-left: 2px;
padding: 1px;
width: 24%;
}

I don't know the template, be careful it might be used somewhere else as well, so check your site after editing it.

Another way could be to change <ul class="back"> in your twist_of_nature/common/tpl_header.php in <ul class="whatEverName">, you should see it after <div id="navMain">; then you copy the above .back li, set your background, and change .back li to whatEverName li

24 Jul 2012, 11:51 AM
#5
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: can't find CSS selector in Twist of Nature

Here's a technique I've used to track down otherwise difficult to find colour declarations in the stylesheet...

Using a colour-picker kind of tool, hover over the colour you're trying to change. The tool will tell you the exact hex code of the colour. Then just search your stylesheet to find all the places where that colour is declared. It's usually easy to figure out which one you need to change from that point, and anyway, you're often trying to change them all.

Rob

Breakfast: the most important donut of the day.