Change thumbnail image size in Porfolio widget at Home page

Hi,

I would like to change the thumbnail sizes of the projects in the portfolio widget at the home page. The images are displayed well on a desktop browser but are badly scaled on mobile browsers (Kindly see attached image).

I have tried using the css code:


.shapely_home_portfolio .image-tile {
	min-width: 100px;
}

However, the spacing between thumbnails remained the same. Thank you in advance!

Regards,
Mike

Hi there
Hope you are having a good day and thank you for your question :slight_smile:
In order to check your question i need to see your live website, please provide url and i will take a look

Hi again,

Thanks for your response. Here is the section of my website mentioned in this thread:
https://nuelinecreatives.com/#portfolio

Regards,
Mike

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the mobile portfolio by going to Appearance > Customize > Additional CSS and pasting it there.


@media only screen and (max-width: 800px) {
.col-md-3.col-sm-6.project.fadeIn {
    width: 138px !important;
}
}

Best Regards,
Support

Hi again,

This has worked like a charm! Thank you very much for your topnotch support. I would just like to know if there is a way to purchase the theme or make a little donation to colorlib to support further development?

Regards,
Mike

Hello there,

I am glad the solution helped.

The them is free so you do not have to buy it but you can contact Aigars regarding donations:

Best Regards,
Support

Hi,

That would be all. Thank you again for your help.

Regards,
Mike

Hello there,

I am glad the issue was resolved.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support