Search box edit and colour change. ??

:smile: hi, i have been setting up my new zen cart shop, very nice, i just wanted to change 1 of the side boxes ie search box to stand out a little say a different header and colour can anyone point me in the right direction. cheers craig:clap:

Use the FIREBUG and DEVELOPER TOOLKIT add-ons to Firefox browser to help you find relevant style classes and ID's within the template.

You can also perform off-line edits to CSS using these tools, allowing you to see what changes will apply when you edit CSS components.

fairestcape:

Use the FIREBUG and DEVELOPER TOOLKIT add-ons to Firefox browser to help you find relevant style classes and ID's within the template.

You can also perform off-line edits to CSS using these tools, allowing you to see what changes will apply when you edit CSS components.

Excellent Tutorial on the mechanics F,

Oz,
Hard to troubleshoot in the dark, place a link to the page in question.

Hi Thanks for your help, I am using dreamweaver to up load edit ect Css But All I can find in the template is that if you change one title bar in the list you change all of them, Is there a way to edit just one at a time?

Regards CRAIG

In many cases, the standard zencart stylesheet "groups together" ranges of classes and ID's. They then all share the specified styles.

You may have to "un-group" them, and re-apply specific styles to specific classes and ID's.

EG:

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 0.9em;
color: #ffffff;
}

REMOVE #searchHeading from the above and then put it back in BELOW the above line - by itself...

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #search-headerHeading {
font-size: 0.9em;
color: #ffffff;
}

#searchHeading {
font-size: 1.2em; (MAKES IT BIGGER)
color: #ffffff;
}