Re-sizing Seller image in Store Listing

This topic contains 12 reply and 2 voices, and was last updated by towhid 8 years, 10 months ago
Viewing 12 Posts - 1 through 12 (of 12 total)
Author Posts
May 26, 2015 at 10:43 am 45149
towhid Hi, I like to have the image size of the seller's logo in the Store Listing page smaller so I can fit more in one page. Right now only 2 fits across and I like to make that 3. Thanks.
May 26, 2015 at 6:24 pm 45216
towhid towhid

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.

May 26, 2015 at 10:15 pm 45248
Fred Fred This reply has been marked as private.
May 27, 2015 at 10:57 am 45295
towhid towhid

Hello Fred,

Upload same resolution image. That will fit the screen.

Please let me know the result after the upload.

Thanks.

May 27, 2015 at 11:29 am 45302
Fred Fred

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.

May 27, 2015 at 12:25 pm 45309
towhid towhid

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

May 27, 2015 at 12:39 pm 45312
Fred Fred

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

May 27, 2015 at 12:43 pm 45314
towhid towhid

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

May 27, 2015 at 12:59 pm 45316
Fred Fred

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

May 27, 2015 at 1:00 pm 45317
towhid towhid

Please send me a screenshot.

May 27, 2015 at 1:11 pm 45318
Fred Fred This reply has been marked as private.
May 28, 2015 at 4:49 am 45403
Fred Fred

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.

May 28, 2015 at 2:53 pm 45451
towhid towhid

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.

Viewing 12 Posts - 1 through 12 (of 12 total)