The pic of the product does not

[muratssu]

HEllo ;

As you can see from the image on the attachment, the picture of the product and the price do not come to the middle of two buttons below. It has to move to the right side but we couldnt. Same kind of problem happens in all products.

Can anyone help us?

thanks

[muratssu]

I forgot to add picture. You can find the picture on the attachment.

regards

[rocky]

Looks like you will need to add some margin-left on the img so it looks centred.

[muratssu]

Thank you for your reply Rocky. Can you please descrıbe shortly how to do ıt?

from whıch fıle ? etc.

thx

[rocky]

You need to edit css/global.css in your theme's directory. It's hard to be specific without knowing more about your site. Try changing the following code in the /* Special style for block products in the center column */ section:

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

Increase the margin-left value until the image looks centred.

[muratssu]

Rocky I really want to thank you. You are my number1

I want to ask2 more questions.

1- is it possible to make a border for each product? Sometimes the pictures and the names are difficult to seperate.
2- The prices are also has to move a little bit right. how to do it?


thanks for your help indeed.

[rocky]

I'm not familiar with the theme you are using. PrestaShop already has a border around the products by default. Here's the code it uses:

#center_column .products_block ul li {
   float: left;
   background-color: #d0d3d8;
   margin-top: 0;
   padding: 0 0 1px;
   width: 133px;
   border-right: 1px solid white;
   border-bottom: 1px solid white
}

The price CSS is the following:

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

I think you could add a margin-left on it to move the price to the right a bit.

[muratssu]

Hello Rocky;

thanks for help. It is OK for the price.

I have added the But i still cant see the border. Can it be because my backgroound is also white?

border-right: 1px solid white;
border-bottom: 1px solid white

As my background is white , i also tried it like:
border-right: 10px solid black;
border-bottom: 10px solid black;

But it still doent work...

By the way i am using prestashop version 1.2.5 and a special theme made by us. It is covered over
default prestashop theme.

thanks

[muratssu]

my current part of the global.css is like:

#center_column .products_block ul li {
margin:0 0 5px 0;
float: left;
clear:none;
width:280px;
/* height:375px;*/
background-color: #ffffff;
padding: 0;
margin-top:0;
border-right: 10px solid black;
border-bottom: 10px solid black;

[rocky]

That should work. I'd need a link to your site to help any more.

[muratssu]

hi rocky i sent you the link by pm.

I notice that the middle block is not in the middle of left and right blocks. It is a little bit on the right.

Do you know how to take it a little bit to the left side?

I mean the pictures are away from left block and more close to the right block.

thnx for your help.

[muratssu]

ok i got it now i guess. a few rows upper it says:

#center_column .products_block { border:none; }

i changed it with yours and it shows the border of upside now. but only upside.

but anyway this is not the thing i am trying to solve. I am trying to make border for each product name and price.

because sometimes it is hard to understand if the price belongs to the product picure above it or belov it.

Do you have any idea? thx