CSS confusion

[Serious]

v1.39H
Local host...so I added a pic!!

Reading the stylesheets is like trying to decipher hieroglyphics!

Take a peek at the attached pic and gimme your 2 cents please.

[gjh42]

"Define what?" - This section is not any define...do you mean what stylesheet rule controls it? It looks like #navCatTabs or one of its subsidiaries. The new products centerbox is most likely one of the elements controlled with .centerBoxContentsProducts or one of its sub-tags.
Beyond that, the screenshot is too small to read or comment on.

Since you are working locally, you really need to install Firefox and its Web Developer and Firebug extensions. These are the main tools we use to find the exact selectors to style, and test styling live before committing it to the stylesheet.

[Serious]

Firefox I got, the web developer I don't.

I'll google that mutha and start using it so I can be one of the Hip-Cats.

[gjh42]

Be sure to get Firebug too - they are complementary in some ways; I find Web Developer quicker for many lookups and CSS editing, but its edits will not persist even while switching tabs. Firebug can show background images while editing, and will tell you exactly all the style rules that apply to a given element and which ones are overridden by others.

[Serious]

Will do.

And I attached a huge pic but the forum software made it tiny.

Sorry if I'm not using the correct terminology, I'm not a programmer or IT guy. This is all new to me....and quite daunting to be quite honest.

So why do I firefox and it's developer tools? I've been muddling through fairly well (I think) with my current browser and Crimson Editor.

[nigelt74]

IE has developer tools built in (not as good as firebug or dragonfly though) but anyway, press F12

Then navigate the DOM (html) in the bottom left hand box until it highlights the text you are looking at, then in the right hand box should be the css that acts on it

You can turn those top categories off,

[Serious]

IE has developer tools built in (not as good as firebug or dragonfly though) but anyway, press F12

Then navigate the DOM (html) in the bottom left hand box until it highlights the text you are looking at, then in the right hand box should be the css that acts on it

You can turn those top categories off,

That worked, except the links to the manufactures are still there. I can't figure out how to remove those. As I add more products i can see that list getting out of hand in a hurry.

[rbarbour]

Not sure but I think that list is your category tabs which is controlled in admin.

ADMIN > CONFIGURATION > LAYOUT SETTINGS

Look for:
Categories-Tabs Menu ON/OFF

settings:
0= Hide Categories Tabs
1= Show Categories Tabs

[Serious]

PERFECT!!

Thanks, that saved me a lot of time!

[gjh42]

So why do I firefox and it's developer tools? I've been muddling through fairly well (I think) with my current browser and Crimson Editor.

For actual editing locally, that is fine. I edit my local site files in Notepad++, refresh the site and the changes are there. But that can't tell me what class/id needs editing, or what controls the look of a certain page part. That's where the Firefox tools (or the similar ones in other modern browsers) come in.