Streamline Pro – Menu Block Colors & Height

[mtshasta]

In the Streamline Pro there are three color options for the menu bar:

1. Background color that runs horizontal across the entire web page
2. Background color that runs horizontal across the width of the menus
3. Block color for each menu item

In addition, the height of the background strips are different from the height of each menu block.

In the forum I got the answer to change the background color that runs across the entire web page to white - and that changed the background color that runs just the width of the menus also to white

The instructions, using styles.css were to remove the following code:

.nav-primary .wrap {
background-color: #333;
}

QUESTION 1

Client wants the background color that only runs the width of the menus to be blue and not white. Where to find that code?

QUESTION 2

The block color and height for each menu – where is that code?
The block size is taller than the background color that runs the width of the menus.
Client wants to change the color and height of the separate menu blocks

Hope all of this is not too confusing.

Thanks !!

http://www.remodelingyourhealth.com/

[Pixel Frau]

QUESTION 1

Client wants the background color that only runs the width of the menus to be blue and not white. Where to find that code?

Change the background color for .nav-primary .wrap (around line 1281 in the stylesheet).

QUESTION 2

The block color and height for each menu – where is that code?
The block size is taller than the background color that runs the width of the menus.
Client wants to change the color and height of the separate menu blocks

It looks like you've added some CSS that is causing this. Remove the following:

body.gppro-custom .menu-primary a {
background-color: #9cc483; 
}

[mtshasta]

hmmm, interesting.

Cannot locate this code.

One possibility - I am using the plugin "Design Palette Pro" for some changes.

Is that why the code you suggest to remove includes "body.gppro-custom" ?

Where do I go to remove the CSS?

Thanks!

[Pixel Frau]

You've most likely added that styling somewhere in Design Palette Pro. The background color assigned to body.gppro-custom .menu-primary a is what is causing the block size to appear taller than the menu area.

[Author]

Posts