Gap in image

Please look at this page http://tradedp.com/product-category/special-books/ first two image gap is good but second 2 image gap is different then 3 and 4th line is ok 5th two image also have no gap.please check this. also attached image file

 

Ignore first thread. Now i want three image in a row but height and width is same http://tradedp.com/product-category/special-books/

 

Hello,

Greetings from InkThemes!

You can easily resolve your issue yourself, you just have to paste the CSS code given below in Custom CSS field
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.content-bar .site-content ul.products li#product_item {
    width: 28%;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
Inkthemes.com

 

i apply this change but now the image of book is not in centered look ​

http://tradedp.com/product-category/special-books/

 

Hello,

Greetings from InkThemes!

Use the below CSS code in Custom CSS field (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.productlisting .pgallery li .edd-image, li .edd-image {
      margin-left: 13px !important;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
Inkthemes.com

 

ok thanks

 

hi,
when i apply this css .content-bar .site-content ul.products li#product_item {
width: 28%;
}
my this page looks good but my front page product disturb look this http://tradedp.com/

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.productlisting .pgallery li .edd-image, li .edd-image {
    margin-left: 29px !important;
}

If you still facing any other issue then please provide us your Dashboard credentials at [email protected] with your issue, so that we can do all the customization as per your requirement.

Thanks & Regards!
Priyanka
Inkthemes.com

 

hello,
Actually problem is both page using same css [.productlisting .pgallery li .edd-image, li .edd-image {
margin-left: 29px !important;
}]

Theme front page and shop page.so what is the solution ???

 

Hi,

Replace the earlier provided CSS code with the code given below.

Code:

ul.products li .edd-image {
margin-left: 29px !important;
}

Hope it will resolve your issue.

Regards!
Praveen
InkThemes.com

 

same problem when i apply this css front page product image is center align http://tradedp.com/ but shop page image is http://tradedp.com/product-category/special-books/ is not center align please check fully then send me the perfect solution

 

Hello,

Please send us your dashboard credentials and the screenshot as well of that particular area at [email protected] and we will do all the customization as per your requirement.

Thanks & Regards!
Priyanka
Inkthemes.com