Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #207855


    Great template! I have now used it three times!

    1. How can I center the text in this icon list? Seems to be more top aligned at the moment. Also, can I remove the circle shading and just keep the icon? Or can I change the colour of the icon/ circle? Link

    2. How can I change the white colour background for the text box associated with the icon list on this page? White is too much of a contrast.




    Hey Rohan!

    1.) Add this on Quick CSS:

    .iconlist_content_wrap {
    padding-top: 13px;

    2.) You can remove the icon background color using this:

    .main_color .avia-icon-list .iconlist_icon {
    background-color: transparent;

    Change the icon color using this:

    .avia-icon-list .iconlist_icon {
    color: gray;

    3.) Change the background color of the iconbox content using this:

    .main_color.iconbox_top .iconbox_content {
    background-color: gray;



    Thank you! How do I change the colour of the text in the box now?



    Use this for the paragraph:

    .iconbox_content_container p {
    color: white;

    This is for the title:

    .main_color h3.iconbox_content_title {
    color: pink;

    Best regards,


    Thank you Ismael!


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

The topic ‘Icon List – Centering text’ is closed to new replies.