Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 23, 2015 at 11:06 am #449032
    niguli

    Despite I followed some previous tutorial, i am no able to decrease the size of the icon list with bullet in grey.
    here is my situation
    I have already successfully decreased the title
    can you help with quick css ?
    I tried to decrease the font size, but doing this way, the symbol goes outside the grey circle…

    this is the page

    May 24, 2015 at 3:51 am #449164
    Ismael

    Hey Nicola!

    Thank you for using Enfold.

    You can try this:

    .avia-icon-list .iconlist_icon {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 15px;
  margin-right: 15px;
  margin-left: 2px;
  top: 10px;
}

    Best regards,
    Ismael

    May 24, 2015 at 9:47 am #449213
    niguli

    that works, thanks Ismael.
    Last question: which is the css rule to decrease the space (height) between one element (li) and the one who follows below?

    May 25, 2015 at 6:15 am #449375
    Rikard

    Hey!

    Please try the following:

    li.avia_start_animation {
padding-bottom:0px !important;
}

    Cheers!
    Rikard

    May 25, 2015 at 9:28 am #449437
    niguli

    hi Rikard that does not work for me :(
    I see the same space between two list points.

    May 25, 2015 at 9:29 am #449438
    niguli
    This reply has been marked as private.
    May 25, 2015 at 1:18 pm #449490
    Rikard

    Hi!

    Do you mean the vertical or horizontal space?

    Regards,
    Rikard

    May 25, 2015 at 1:33 pm #449496
    niguli

    The Vertical space

    May 25, 2015 at 7:02 pm #449682
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .avia-icon-list li { min-height: 40px; }

    Regards,
    Yigit

    May 25, 2015 at 8:17 pm #449706
    niguli

    perfect thanks

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘how to decrease icon list size’ is closed to new replies.