Resize all page and products icon!

[Emanuel91]

I insert the background shadow for my website, but I have a problem. The products and everything is on margin of background and is not looking nicely. I attached a photo to understand better. Any ideas??

[Emanuel91]

is anybody who can help me? please!!

[mickeyboy1]

Can you share your site url

[Emanuel91]

www.allshop24.ro

Edited November 18, 2014 by Emanuel91 (see edit history)

[mickeyboy1]

You could try adjusting the margins in themes/your-theme/css/global.css

 

look for

.row {
  ;
  margin-right: -15px; }

[Leap-IT]

Having a look id do the following in product_list.css in your themes/ folder this would be more specific for the grid on the home page without affecting the rest of the theme.

 

look for

ul.product_list .product-image-container {
  text-align: center; }

replace with i used 10px 

ul.product_list .product-image-container {
  text-align: center;margin:10px; }

hope this helps

[Emanuel91]

Having a look id do the following in product_list.css in your themes/ folder this would be more specific for the grid on the home page without affecting the rest of the theme.

 

look for

ul.product_list .product-image-container {
  text-align: center; }

replace with i used 10px 

ul.product_list .product-image-container {
  text-align: center;margin:10px; }

hope this helps

 

thank you, your advice was awesome, but the change is just in main page. Inside the categories everything is in the margin of page. How can do all to be 10px ??

[Leap-IT]

from what i see in the category the images and margin seem fine how ever in the product page itself there still is a problem

 

try this in product.css

 

 

find

.pb-left-column #image-block {
position: relative;
display: block;
cursor: pointer;
padding: 5px;
border: 1px solid #dbdbdb;
background: white;}

and add the margin:10px see below

.pb-left-column #image-block {
position: relative;
display: block;
cursor: pointer;
padding: 5px;
border: 1px solid #dbdbdb;
background: white;
margin: 10px;
}

best regards

Edited November 19, 2014 by Leap-IT (see edit history)

[Emanuel91]

from what i see in the category the images and margin seem fine how ever in the product page itself there still is a problem

 

try this in product.css

 

 

find

.pb-left-column #image-block {
position: relative;
display: block;
cursor: pointer;
padding: 5px;
border: 1px solid #dbdbdb;
background: white;}

and add the margin:10px see below

.pb-left-column #image-block {
position: relative;
display: block;
cursor: pointer;
padding: 5px;
border: 1px solid #dbdbdb;
background: white;
margin: 10px;
}

best regards

 

Unfortunately, this code isn't good. Wasn't any change on the page. Any ideas??

[Leap-IT]

don't see why this doesn't work

 

make sure you clear your cache

[Emanuel91]

don't see why this doesn't work

 

make sure you clear your cache

 

after i clear the cache the change was made. thank you LEAP-IT!