Good morning

[jamieshankland]

Hi if anyone can have a look at my site please

http:// www. dundeetechrepair.co.uk and tell me how i reduce the size of the Home featured box there is to big a space also how do I change the colour of the text.

[laurentvm]

Can you explain which space you want to reduce?
An image of what you want would be great too.

[jamieshankland]

Hope this helps thanks,

Jamie.

[laurentvm]

Hi,

Do you know firebug add on for firefox and also the inspect element tools in google chrome ? I gives you access to the css code of the html tag you are inspecting.
Use that to identify which css code to modify.
So, for the gap in the product description : modify the attribute height: 9.5em; in global.css for the rule
#center_column div.products_block p.product_dec (line 1103)
For the color of the price : here's the line to change : 1138
you can add a color : #color_code. #FFFFFF for white.

[jamieshankland]

sorry if this sounds like a stupid question im not exactly the best at webdesign and stuff i just like to try and practise and make things work but where is the global css located.

[rocky]

It is themes/yourtheme/css/global.css. Change the height in the following block in the /* Special style for block products in the center column */:

#center_column div.products_block p.product_desc {
   height: 9em;
   color: #595a5e
}

Reduce it from 9em until you are happy with the height, then edit modules/homefeatured/homefeatured.tpl and reduce the liHeight so that the border lines up at the bottom of the featured products module:

{assign var='liHeight' value=342}

Then change the following block to change the colour of the price:

#center_column .products_block span.price {
   text-align: center;
   font-size: 1.5em;
   padding: 0.5em 0;
   /*display: block;*/
}

Add color: red to make the price red, for example.  Note that this colour will only apply in the featured products module.  If you want to change global colour of prices, change the color in the following in the /* generic style */ section near the top of global.css:

[code]
.price, .price-shipping, .price-wrapping {
   color: #da0f00;
   font-size: 1.1em;
   font-weight: bold;
   white-space: nowrap
}