Background color of Featured Products title bar

[sscardefield]

In the default theme the title bar of the Featured Products on the front page has a dark grey background and white font. Either the theme I'm using or something else I've done along the way has changed that to white background with black font. I would like to modify the colors but can't figure out where to do that. If possible, I would also like for it to have rounded corners like everything else on my site, but my main concern right now is just getting the colors changed.

 

 

[sscardefield]

I figured out where to set the color, it's in the h4 style in the global.css. Now if possible I'd really like for it to have rounded edges like my header menu bar.

 

 

 

I have explored that element with Chrome, but still can't figure out how/where the rounded corners are applied. Any ideas would be greatly appreciated.

 

http://shop.sunstatetechnology.com

[Snade]

Hi add this to your css:

 

#featured-products_block_center h4 {

border-radius: 8px;

}

 

As you see this will add border radius only to featured products block, if you want you can add it directly to the h4 as you did with the color.

 

Cheers

[sscardefield]

Perfect! Thanks man. I actually moved the color stuff from the h4 to that style as well so that all of the Featured Block modifications are together.

 

If you don't mind me asking, in the CSS what is the difference between a style that starts with a # and one that starts with .? It seems like most of the block styles start with a .

[Snade]

# is used for ID's, whicle . is for classes.

Regarding css, you must keep in mind that ID's can be used only once in a page, while classes can be repeated.

 

you can read more about this here

http://css-tricks.com/the-difference-between-id-and-class/

 

Good luck

[sscardefield]

Awesome, thanks!