It is easy to change the FEATURED PRODUCTS block background color.
- Look for the following lines in the
global.cssfile:/* Special style for block products in center column */ #center_column .products_block { border: none; } #center_column .products_block { color: #595a5e; } #center_column .products_block h4 { line-height: 1.3em; } #center_column .products_block .block_content { background: #d0d3d8 none; padding:0pt } #center_column .products_block ul li:hover { background-color: #bdc2c9; } #center_column .products_block ul li { border-right: 1px solid white; border-bottom:1px solid white; float: left; clear: none; width:133px; /*height:375px;*/ background-color: #d0d3d8; padding: 0; margin-top:0 } - The sixth line
(background: #d0d3d8 none;)controls the FEATURED PRODUCTS block background color when there is no product featured in that block. I have changed the color code and shown it in red in the front office. - The ninth line (background-color:
#bdc2c9;)is the background color of the blocks when the mouse hovers over them. I have changed the color code and shown it in blue. - The nineteenth line (background-color:
#d0d2d8;)is the line you should modify if you want to change the color of the FEATURED PRODUCTS block. I have changed the code and made it green (just to show you the difference).
- Always try to find the correct class and ID of the element you want to
change. In this case, find:
#center_column .products_block .block_contentto change the background color to a color of your preference. The following screenshot is what you see when you use Firebug to review theglobal.cssfile.
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.