[SOLVED] Adjust table size - Default Prestashop theme

[Z-GrimV]

Hello,

 

Could one of you very helpful forum users advise how I adjust the size of the Module homefeatured?

 

I have too much grey space above my images and I want to reduce it slightly so that I have around enough space for two rows of text and the image.

 

My site www.littlebadges.com

 

Thanks and regards,

Z-GrimV

[in53ktin]

Hi!. you could adjust the size on your global.css file, the path is: themes -> css -> global.css, then search

#featured-products_block_center

 

Remember always make a Backup from this file. I think this will help you.

 

Regards.

[Z-GrimV]

Hi,

 

I've got the default Prestashop installed under PrestaShop™ 1.4.6.2

 

When I check themes/prestashop/css/global.css there is only a few instances of line you mentioned. Nothing seems to allow changing height.

 

/* View wishlish */
#view_wishlist #featured-products_block_center ul div li a img { float: left }
#view_wishlist #featured-products_block_center ul div li a,
#view_wishlist #featured-products_block_center ul div li span {
text-decoration: none;
float: left
}
#view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail,
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail {
margin-left: 30px;
float: left
}
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px }
#view_wishlist #featured-products_block_center ul div li a.exclusive,
#view_wishlist #featured-products_block_center ul div li span.exclusive {
margin-left: 55px
}
#view_wishlist #featured-products_block_center ul div li.address_name input.text {
color: #999;
font-weight: bold;
font-size: 11px;
border: 0
}

 

Regards,

Z-GrimV

[in53ktin]

Sorry my mistake, look this line on your global.css.

 

#center_column div.products_block a.product_image

 

then you can specify de margin-top of the image.

 

Example:

 

margin-top:-10px;

 

Test it.

[Z-GrimV]

Hi,

 

Thanks for the assistance and it appears I'm getting somewhere I've now got rid of a lot of the blank space above each image...the change I made is below...

 

I thought that would have been the end of it but I now see that the table that houses the new product shows lot of grey space at the very bottom. How to make this table reduce is in size so match the rows of new product

 

See updated homepage www.littlebadges.com

 

#center_column div.products_block a.product_image {
display: block;
background-color: transparent;
    margin-top:-100px;
    margin-bottom: 20px;
margin-left: 2px;
width: 129px;
height: 129px

[in53ktin]

I don't understand so well, so your problem was solved? or you need to reduce that grey space?. look on your .csv file the lines

/* Special style for block products in center column */
#center_column .products_block ul li

 

And then specify the height that you want . And if this topic is OK, you will be add [sOLVED] on the title .

[Z-GrimV]

Yep, thanks for the support. Problems resolved

[Vilas]

Hi Z-GrimV,

 

I have seen ur site. Actually I am trying to make modifications in newsletter block of mine. But unable to do. I seen on ur site u placed newsletter module and the OK button is also at center place. So could you please tell me what modification u did? Or it will be great if you mail me it.

 

Thanks