Home Forums Theme Support Dokan Re-sizing Seller image in Store Listing

This topic is: resolved

This topic contains 12 replies, has 2 voices, and was last updated by  towhid 4 years, 1 month ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #45149

    Fred
    Member
    Post count: 63

    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.

    #45216

    towhid
    Participant
    Post count: 4505

    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.

    #45248

    Fred
    Member
    Post count: 63
    This reply has been marked as private.
    #45295

    towhid
    Participant
    Post count: 4505

    Hello Fred,

    Upload same resolution image. That will fit the screen.

    Please let me know the result after the upload.

    Thanks.

    #45302

    Fred
    Member
    Post count: 63

    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.

    #45309

    towhid
    Participant
    Post count: 4505

    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

    #45312

    Fred
    Member
    Post count: 63

    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

    #45314

    towhid
    Participant
    Post count: 4505

    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

    #45316

    Fred
    Member
    Post count: 63

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

    #45317

    towhid
    Participant
    Post count: 4505

    Please send me a screenshot.

    #45318

    Fred
    Member
    Post count: 63
    This reply has been marked as private.
    #45403

    Fred
    Member
    Post count: 63

    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.

    #45451

    towhid
    Participant
    Post count: 4505

    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 13 posts - 1 through 13 (of 13 total)

The topic ‘Re-sizing Seller image in Store Listing’ is closed to new replies.