Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #280444

    Hi!
    Is it possible to change the color of the icons in the icon-list from grey to another color?
    Thanks!

    #280499

    Hey Effektid!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .alternate_color .avia-icon-list .iconlist_icon {
    background-color: red;
    }
    .main_color .avia-icon-list .iconlist_icon {
    background-color: orange;
    }

    Best regards,
    Yigit

    #280525

    Great! But now I also want to change the colors of the icons in the icon box! I tried the same code, but with icon-box, but it didn’t work! Preciate som help with this. Is is also possible to change size of icons in icon box? Thanks!

    #280527

    Hi!

    Please add following code to Quick CSS as well

    .main_color.iconbox_top .iconbox_icon { background-color: red; color; green; border-color: purple; }
    .alternate_color.iconbox_top .iconbox_icon { background-color: yellow; color; blue; border-color: red; }
    .iconbox_top .iconbox_icon { font-size: 24px; }

    Regards,
    Yigit

    #280537

    Hmmm, I added that code, but there was no change! They are still black! What could be wrong?

    #280539

    Hi!

    Can you post the link to your page where you have icon box element? Have you flushed browser cache after applying the code? If not, please do so, it may be a caching issue

    Cheers!
    Yigit

    #280553
    This reply has been marked as private.
    #280566

    Hi!

    Oh, i thought you are using icon box on top and not on the left, sorry. Please try following code

    .iconbox_icon.heading-color {
    color: red;
    }

    Best regards,
    Yigit

    #280569

    Now it works, but can I also change the size, add circle border or background color?

    • This reply was modified 2 months ago by  Effektid.
    #280577

    Hey!

    Please add following code to Quick CSS and adjust as needed

    .iconbox_icon.heading-color {
    font-size: 30px;
    border: 1px solid orange;
    border-radius: 100px;
    padding: 20px;
    line-height: 0px;
    text-indent: -13px;
    }

    Best regards,
    Yigit

    #280581

    Nice, but the icon don’t get centered inside the circle. Perhaps this isn’t the best option to use this kind of icons here.

    #280589

    Hi!

    Yes, with borders it is not centered with different icons.

    Best regards,
    Yigit

    #280595

    OK, thanks for the help!

    #280597

    Hi!

    You are welcome, always glad to help! :) Let us know if you have any other questions or issues

    Regards,
    Yigit

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

The topic ‘Change color of icons in icon list?’ is closed to new replies.