Change color of icons in featured icon blocks

Forums » WordPress » Roseta » How To

  • Author
    Posts
  • January 17th, 2020 at 18:55 #97757
    shalla

    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?

    January 19th, 2020 at 19:57 #97854
    Zed
    Cryout Creations mastermind

    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 check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Change color of icons in featured icon blocks’ is closed to new replies.