[SOLVED] Error after changing div.block .block_content css code

[webbusiness23]

Hi,

i just changed the css for the block_content in global.css file.

I wanted to add 1 px solid black border, but after doing so, the homepage products look like in the attached photo.

Here is the css code i have now:

div.block .block_content {
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   padding:0.5em 0.7em 0pt;
   background: #E1E1E1;
   min-height:20px;
}

How can i put the border, but have the homepage products displayed normally ?

[tomerg3]

It looks like the border is making it wider than the container (the div around it).
You can try to make the container wider, or each individual product block narrower

[webbusiness23]

Tried both. No result.
Any other suggestion, please?

[webbusiness23]

Who has a clue about this error i got?
Thanks!

[webbusiness23]

Any other suggestion, please?

[rocky]

I agree with what Tomer said above. Try reducing the width of the individual products in the featured products block from 132px to 131px. It is in the "#center_column .products_block ul li" block in the /* Special style for block products in center column */ section.

[webbusiness23]

I agree with what Tomer said above. Try reducing the width of the individual products in the featured products block from 132px to 131px. It is in the "#center_column .products_block ul li" block in the /* Special style for block products in center column */ section.

It worked!

Thank you very much for helping me!