Change color of icons in featured icon blocks

  • Author
    Posts
  • #97757

    For what seems to be a relatively simple solution in css, I cannot seem to find the right rule to get the color of glyph icons in featured icon blocks to change. I would also like to change the hover color of these as well. Is there a way I can do this easily?

    #97854
    Zed
    Cryout Creations Team

    In Roseta the icon blocks glyphs use the theme’s accent colors.

    To customize separately, try the following CSS (prepend body if the identifiers are not specific enough for your usage):

    /* glyph in normal state */
    .lp-block i[class^="blicon"]::before {
        color: ...;
    }
    /* glyph on hover */
    .lp-blocks1 .lp-block:hover i[class^="blicon"]::before {
        color: ...;
    }
    
    /* background on hover */
    .lp-block i[class^="blicon"]::after {
        background-color: ...;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 2 posts - 1 through 2 (of 2 total)

You need to log in to reply to this topic.