How to edit margins in the Home Featured Module

[Sell Sell Sell]

Hey all,

 

So I spent the last few hours trying to get word-wrap working in the title block in the default Home Featured module...I finally got that done.

 

Afterwards, I noticed that the title block isn't aligned in the center along with the rest of the column (product image, view, price, add to cart, etc.). The title block seems to be shifted to the left.

 

I looked around homefeatured.css and homefeatured.tpl and couldn't find the reason for why it's shifted. I thought there may be extra margins or padding.

 

So I went ahead and tried to center the title block by using "margin-left" in homefeatured.css for the title block. The problem is...whatever changes I'm making to the css doesn't show up. I turned on force compile, turned off cache, and deleted cookies. I tried deleting half the page of css, uploaded it, and it looks exactly the same. Am I seeing things? Then I tried just deleting the entire homefeatured.css file...after I did this, the module changed in appearance. It actually centered and everything looked good, but the colors were off. Then I uploaded a fresh backup copy of the css file from my theme directory, and it went back to being off-center. What gives? Am I editing the wrong file?

 

I tried editing this section in homefeatured.css:

 

 

#featured-products_block_center .s_title_block, #featured-products_block_center h5 {

padding-top:5px;

height:30px;

font-size:12px;

color:#222;

padding-bottom: 0;

font-weight:bold;

width:155px;

margin-left:5px; <<< whether I add 5px or 500px, it doesn't change anything

}

 

 

If anyone can provide insight onto how to center the block, how to add margins, or any other advice, it would seriously help out. I think this is an easy fix, but I'm just missing something.

[Jiten rash (away)]

can u give me link of ur site

[PSfever.com]

Yup, please post the URL or you can send the FTP access to my PM, I will do it for you.

 

Cheers

[vekia]

make sure that your css file isn't overrided by your template, moreover, try to use also !important; modifier in your css style you want to change.