Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 10, 2014 at 8:12 am #207855
    Rohan K. Abraham

    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

    January 10, 2014 at 9:15 am #207869
    Ismael

    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

    January 10, 2014 at 9:29 am #207879
    Rohan K. Abraham

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

    January 10, 2014 at 9:37 am #207883
    Ismael

    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

    January 13, 2014 at 5:28 pm #209054
    Rohan K. Abraham

    Thank you Ismael!

    Rohan

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Icon List – Centering text’ is closed to new replies.