Icon list (large size icons) – change size

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

.page-id-9668 .iconlist-char {
    font-size: 16px;
}

.page-id-9668 .avia-icon-list .iconlist_icon {
    height: 44px;
    width: 44px;
    line-height: 34px;
}

Best regards,
Rikard

Hi,

You can target the timeline using this CSS:

.avia-icon-list .iconlist-timeline {
    left: 32px;
}

If you need this CSS in specific pages then you can add and/or replace the page-id class in my examples with the pages you need the CSS on. You can find the page-id class in the body tag of each page.

Best regards,
Rikard

Hi,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.avia-icon-list-container > ul.avia-icon-list > li > .iconlist_icon {
    background-color: #f28148 !important; 
}

Best regards,
Mike

Hi,
Thank you for your feedback, I see that each page has a different color for the icons that match the header color. On the first page: /information-security-awareness-training-healthcare all of the icons are the same color, but on the second page: /phishing-awareness-training-for-employees the lower icons are gray like you wrote about.
When I look at the code of the page I see that the color is there but there is an extra “style” which is breaking the code of the page.
I also don’t see the “debugging” code on the page, which is code telling us which version of Enfold you are using and other important info, and your page code looks compressed. So I believe you are using the Autoptimize plugin and you are striping our debugging code from the page.
So please disable all plugins and clear your site cache and server cache and also disable your theme performance css merging, and see if this solves.
If not we will need the admin login so we can try.

Best regards,
Mike

Hi,
Thank you for the link, the dev team has found the issue, please try this solution

Best regards,
Mike

Hi,
This will be added to the next update, so we just need to add it directly to the file.
I can add it for you but I will need FTP access, please include in the Private Content area.

Best regards,
Mike

Hi,
Thanks, I edited the file for you and the icons seem to be working correctly now.
I checked the page in the Private Content area, but please also check any other pages that were experiencing this issue.

Best regards,
Mike