Re-sizing Seller image in Store Listing

Hello Fred,

I did not understand your question clearly. Can you please send me any screenshot. Which will help me to find out the actual obstacle you are getting right now.

Thanks.

Hello Fred,

Upload same resolution image. That will fit the screen.

Please let me know the result after the upload.

Thanks.

No. That wont do what I’m looking for. I need to display 3 in a row and loading lower resolution will not do the trick. You script automatically corps the image to that size. this has to do with CSS I assume.

Hello Fred,

Try the following css in theme’s style.css and see what happen.

.dokan-store-img {
width: 300px;
height: 100px;
}

Adjust the height across the three image(if you want to fit).

Thanks

Hi,

I went to: /public_html/wp-content/themes/dokan/style.css and tried locating .dokan-store but found nothing.
Am I looking in a right file?

Thanks,
Fred

Yes, you are in the right directory.

Place this following style at the bottom in public_html/wp-content/themes/dokan/style.css

.dokan-store-img {
width: 300px;
height: 100px;
}

Thanks

That did the trick for the resizing it but still shows 2 in one row where it has plenty of space for another one.

Please send me a screenshot.

Alright! I got it figured out. It is done through wp-content/plugins/dokan/assets/css/style.css
in line 1592 –> `ul.dokan-seller-wrap li.dokan-single-seller:nth-child(3n+1) {
margin-right: 3%;
clear: left; `

so, (3n+1) creates 3 rows.

Hello Fred,

I am very happy to know that you have figured out the issue what you want to produce. I am going to mark this topic are resolved and closed.

Thanks.