Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 18, 2021 at 9:58 pm #1289057
    Dandelion222

    I don’t like the blah medium grey for my icon list. I’d like to change them to green. I only want to change the color on one page, not sitewide. I’ll add the page in the private content area.

    I tried assigning a custom CSS in the advanced tab for the icon list module. And then I defined the CSS in the quick CSS window. But it had no effect so I must be doing something wrong.

    Looking forward to you help with this!

    March 21, 2021 at 3:54 pm #1289469
    Victoria

    Hey Dandelion222,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    March 21, 2021 at 9:34 pm #1289504
    Dandelion222

    Really? Okay. Here are two images. One is what you see on the page now. Grey icon list. The second is after i took the screenshot into Photoshop and changed the color.

    March 21, 2021 at 9:34 pm #1289505
    Dandelion222

    Actually, the images uploaded in reverse order. So the first link is the desired outcome and the second link is the original.

    March 25, 2021 at 4:57 am #1290276
    Rikard

    Hi,

    Thanks for the screenshots, and sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-8987 .avia-icon-list .iconlist_icon {
    background-color: green;
}

    Best regards,
    Rikard

    March 25, 2021 at 4:55 pm #1290410
    Dandelion222

    That worked perfectly! Thanks!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How do I set a custom color for my icon list?’ is closed to new replies.