Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #162428

    Hi,

    I would like to resize the icons (make it a bit smaller), how can I do it?

    #162429

    Hi,

    Which icons exactly? And can you post the link to your website?

    Regards,
    Yigit

    #162435

    Sure, I´m working on a new site: http://www.equilibrioambiental.net/servicos/

    The green icons on the left, I want to make it smaller with the text vertical alignmet to center.

    Thanks,
    Fabiana.

    #162446

    Hi Fabiana,

    Please add following code to Quick CSS
    .avia-icon-list .iconlist_icon { height: 40px!important; width: 40px!important; line-height: 37px!important; margin-left: 12px!important; }
    .avia-icon-list .iconlist_content_wrap { text-align: center; }

    You should adjust height, width and line-height equally if you would like to increase or decrease icon sizes. Margin-left should be increase if you decrease the sizes of icons and vice versa

    Regards,
    Yigit

    #162450

    Hi Yigit,

    I´ve manage to resize the green icon but not the arrow inside of it. What am I missing?

    http://www.equilibrioambiental.net/servicos/

    And about the text is not the text in the line. Is the text align to the center of the icon (vertical alignment)

    Thanks,
    Fabiana.

    #162465

    Hi Fabiana,

    Please add following code to decrease the font-size and center the icon
    .avia-icon-list .iconlist_icon { line-height: 25px!important; font-size: 20px!important; }
    Can you post a screenshot showing how you would like to align the text? You can use http://imgur.com/

    Regards,
    Yigit

    #162471

    Thank you Yigit,

    It worked perfectly. Regarding to the text, whatever changes we´ve made, we got the text alignment the way I wanted.

    Regards,
    Fabiana.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Icon Size’ is closed to new replies.