Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 17, 2013 at 7:45 pm #162428
    faterra

    Hi,

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

    September 17, 2013 at 7:46 pm #162429
    Yigit

    Hi,

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

    Regards,
    Yigit

    September 17, 2013 at 7:55 pm #162435
    faterra

    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.

    September 17, 2013 at 8:14 pm #162446
    Yigit

    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

    September 17, 2013 at 8:21 pm #162450
    faterra

    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.

    September 17, 2013 at 8:34 pm #162465
    Yigit

    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

    September 17, 2013 at 8:45 pm #162471
    faterra

    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.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Icon Size’ is closed to new replies.