Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 19, 2014 at 9:41 am #281059
    Effektid

    Hi!
    Is it possible to change the size of the icons in the icon list a little bit?

    June 19, 2014 at 11:22 am #281131
    Dude

    Hi Effektid!

    Yes – use this css code and adjust the px values if necessary:

    
.avia-icon-list .iconlist_icon {
height: 64px;
width: 64px;
line-height: 64px;
font-size: 30px;
border-radius: 500px;
}

    You can add the css code to the child theme style.css or into the quick css field.

    Regards,
    Peter

    June 19, 2014 at 11:40 am #281145
    Effektid

    OK! Do I need a child theme? I have always added the custom CSS into the quick css field. Will that CSS code be overwritten if I update the theme and not having a child theme? Will all other settings in the Enfold menu be lost with an update of the theme?

    June 19, 2014 at 11:46 am #281148
    Effektid
    This reply has been marked as private.
    June 19, 2014 at 11:47 am #281149
    Dude

    Hey!

    No, all settings (Enfold > Theme Options) will remain if you update the theme. Only if you edit Enfold theme files directly the update will overwrite them again.

    Regards,
    Peter

    June 19, 2014 at 11:54 am #281157
    Effektid

    I removed the new CSS since it also affected the the other icons on other pages. Perhaps a bad idea to change the size of the icons. But it would be nice to have that option when the icon list is created.

    June 19, 2014 at 11:56 am #281159
    Effektid

    OK, also the added CSS in the quick css field will be safe if the theme is updated?

    • This reply was modified 10 years, 6 months ago by Effektid.
    June 19, 2014 at 12:08 pm #281165
    Yigit

    Hey!

    As Peter mentioned here – https://kriesi.at/support/topic/change-size-icons-in-icon-list/#post-281149 yes, it will be safe

    Regards,
    Yigit

    December 30, 2014 at 8:55 pm #373281
    vanggrafisk
    This reply has been marked as private.
    December 30, 2014 at 10:39 pm #373336
    Elliott

    Hi!

    Try adding this to your custom CSS.

    .avia-icon-list .iconlist_title { text-align: center !important; }

    If that’s not working then send us a link so we can get a better idea of what’s going on.

    Regards,
    Elliott

    December 31, 2014 at 11:06 am #373442
    vanggrafisk
    This reply has been marked as private.
    December 31, 2014 at 5:25 pm #373607
    Elliott

    Hi!

    The CSS code I posted will make the icon list titles aligned in the center. I don’t see it anywhere in your source code so go ahead and add it in Dashboard > Enfold > General Styling > Quick CSS.

    If that’s not what your trying to do then take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    December 31, 2014 at 7:12 pm #373662
    vanggrafisk
    This reply has been marked as private.
    December 31, 2014 at 7:28 pm #373667
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    h4.iconlist_title {
padding-bottom: 2px;
}

    Regards,
    Yigit

    January 1, 2015 at 11:41 am #373793
    vanggrafisk
    This reply has been marked as private.
    January 2, 2015 at 5:26 pm #374098
    Elliott

    Hi!

    Add this.

    .iconlist_title {
    margin-top: 8px !important;
}

    Regards,
    Elliott

    January 2, 2015 at 7:39 pm #374171
    vanggrafisk

    Thank you very much, Elliott!

    Regards
    Soren

    • This reply was modified 9 years, 11 months ago by vanggrafisk.
  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Change size icons in icon list?’ is closed to new replies.