How to change image size in Hestia's Features section?

The features section displays key functionalities of your website, and you can use images or icons to showcase this.

1. To change image size in the features section, navigate to Appearance > Customize.

2. Open the Additional CSS panel and paste this code:

.hestia-features .feature-box .card img {
    width: 100%; /* Change this to your desired width */
    height: auto; /* This will maintain the aspect ratio */
}

📝 Note: These changes will be applied only if you use the image type as features' images, not for icons.

3. Preview and save the changes.

4. Check the updated features section.

To reduce the space between the Features section title and features cards, use this code snippet:

.hestia-features .hestia-info{
padding-top: 0 !important;
}

How to change image size in Hestia's Features section? ​

💡Result ​

How to change image size in Hestia's Features section?

💡Result