Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #240059


    I am adding a icon set into the sidebar. I want to retain the black font color but want to change the icons to specific colors? Is there a element I can add to the shortcode to achieve this? I do not want to css all icons across the WHOLE site to a specific color. For example, a icon may be red on one page but I want it blue on another page.

    Please see the shortcode below.

    [av_icon_box icon='ue80a' font='entypo-fontello' position='left' title='Sales & Support'][/av_icon_box]

    Thank you for your help.


    I would definitely like to know how to do this as well. Currently in the editor the icons have my main theme’s color (splash blue) as their background, but when I view the page the circular background is removed and the icon is just black. I’d like to know how to color them.



    Can you please give us a link to the website? Unfortunately, if you want to achieve something like this, you need to use CSS. Make use of the css pseudo selectors. Anyway, you can vote for the feature here:



    I would like to designate a specific color for the font icon, as well as the circle around it that’s shown in the visual editor. In the visual editor, the icon is white and the circle is blue. On my page in the browser, the icon is black with no circle.

    I was able to change the content box title font color easily, but have had no luck with the font icon. Link to page is

    By the way, that “Enfold Custom Widget Area,” is that used to create a custom sidebar? I’m trying to figure out how to create a custom sidebar other than “Displayed Everywhere,” “Sidebar Blog” and “Sidebar Pages.” Thanks :)



    1) You can change the font color with:

    .main_color .iconbox_icon.heading-color{
    color: #ff0000;

    2) Yes exactly. You can use this option to define new widget areas.



    I have been searching for an hour on how to change the alternate content icon color to white. I managed to change everything else in the styling area, but not the icon color. This should be added to the styling area so that when you have a colored background you can change the icon color.
    I was able to change it by using the above code, but changing ,main_color to .alternate_color, just as a guess, but it worked.
    As someone new to this theme I find it very frustrating when I find a post for my question, but then the reply is marked “private”. What is the point in marking help as private? This is equally true when users post that they found the solution without sharing it with the rest of us..

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

The topic ‘Possible to change icon color on specific icon boxes?’ is closed to new replies.