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

    Hi,

    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 http://www.indiatrail.org/explore-nagaland/

    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. http://www.indiatrail.org/trails/

    Thanks

    Rohan

    #207869

    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;
    }

    Regards,
    Ismael

    #207879

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

    #207883

    Hey!

    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,
    Ismael

    #209054

    Thank you Ismael!

    Rohan

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

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