Resize your icons/images

Here is a small snippet to change the size of your icons or images in your application’s homepage.

Just like this: for the example, we use the template “blutility”

icon

To do that, just add the following CSS in the “advanced customization” section of your editor:

.homepage .layout li img {
height: 30px;
width: 30px;
margin-top: 20%;
}

Informations:

Height&width are the sizes of your icons or images.

margin-top is the variable to adjust the position of the icon. It is better to use a percentage in order to have a responsive design.

To get the best result, your icon/image must be center in your feature’s block.