Layout / CSS questions

[mgrunk]

Sorry, I'm just going to throw my misc. questions into one post - the responses to my previous post were very helpful and I made a lot of headway.

So, specifically

1. How do I turn off on the home page (i.e. what you see when you type mydomain/store/index.php) from displaying New Products for February?

What I want it to display is what is on my Define Pages Editor - main page - but I don't see that text any where.

2. How do I change the color on that "New Products for February" - it shows up black w/in a dark blue box - if it's controlled by an <h2> - I don't want to change that standard color of black - only for it showing up in the dark blue text box. On the left side, the Categories does show up in white on the dark blue background.

3. On the Search Block (the one you can add to left or right) the text "Search" is in yellow - so I want it white on the dark blue background that is already there. WebDeveloper shows it as label4 - so should I change the font color there?

I am hesitant at changing font colors - not knowing everyone that label is used.

I have used the WebDeveloper (firefox) tool and found it very helpful, but it doesn't help w/ pinpointing where #2 text shows up. I have also searched via the Developers Tool Kit - so I see where the variable is set - but I don't know what controls how it's displayed.

[afo]

I don't know if this will help with question 2, but... in your stylesheet look for

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	}

You can split those up into

.leftBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	color: #ffffff; (white)
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	}

.centerBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	color: #ff0000; (red)
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	}

.rightBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	color: #c0c0c0; (grey)
	background-image: url(../images/tile_back.gif);	padding: 0.5em 0.2em;
	}

Change the lines in blue to whatever suits your site. Add the lines in red with the appropriate color codes.

[barco57]

#1. admin>configuration>index listing -----first on on the list

#2. Afo suggestion should work as long as you are going to use the same styles for all of the center boxes. They can be targeted tighter but see if her suggestions works for you

#3. h3 #searchHeading .leftBoxHeading is what you want if its not in the stylesheet add it down in the sideboxes section

[mgrunk]

All the sections helped - I had to add a new class to control the color of the Search - and then had to change the search.php file.

I'm starting to get the hang of the overrides.

Thanks,

Michelle

[afo]

You'll get there. The learning curve seems pretty steep, but once you get past that point, you'll wonder why you thought it was so hard.

[godspeed27]

This tool in firefox should help a ton too! I love it
https://addons.mozilla.org/firefox/2104/

[gjh42]

"I have also searched via the Developers Tool Kit - so I see where the variable is set - but I don't know what controls how it's displayed."

Search again using the constant/variable name instead of its text value, and you will find the file where it is used.

[godspeed27]

If you use the tool that I listed above, you just put your mouse over that part of the page and it gives you all the info