General Modern Theme Customization - Quick questions

[Thomas Yuan]

Hi there,

First of all, great community with a lot of useful info here

I am having trouble finding where to edit the .CSS for the following

1. Changing the background color of the search form?
Pic 1 - Background search color.jpg

2. Changing the border color of the featured box (currently blue)
Pic 2 Featured listing and categories background.jpg

3. Changing the border color of the content boxes on the left
Pic 3 content boxes on the left.png

4. Changing the nav bar text formatting and its background when selected(currently a rectangular when selected)
Pic 4 Nav bar background text and registration background.png

Much thanks !!!

Cheers,
Thomas

[Kemoid Wilson]

Hello I don't really remember where all of those are but what I did to find this was to use firefox element inspector. This is great because you can test the code before using it and when you are ready firefox gives you the exact line where the code is located.

Check out the video link below.
http://www.screencast.com/t/kYNsB3eZaGAY

[Thomas Yuan]

thanks for the quick reply Kemoid,

This has been a great help!!

I can see a few by inspecting the element, however like item 2 and 3
I am still struggling to find the exact piece of code...

Cheers,

[Kemoid Wilson]

#2.Look for the line of code in common.css around line 598
table.side_block tr.middle td div.inner
{
border-left: 3px #7fb0d6 solid;
border-right: 3px #7fb0d6 solid;
background: #f8fcff;
padding: 8px 11px;
}

#3. Look for the line of code in common.css around line 673
table.content_block tr.middle td div.inner
{
border-left: 3px #b7b7b7 solid;
border-right: 3px #b7b7b7 solid;
background: #f6f8f9;
padding: 8px 11px;
}

The only problem is that they are styled in tables so you have to play with codes a little to get the desired result.

[Thomas Yuan]

You are awsome Kemoid!!

Much thanks for help