Skip to content

Text Color

HoverText
Classes used to define the text color of an element.
Class Properties
wpex-inherit-color
color: inherit;
wpex-inherit-color:hover
color: inherit;
wpex-inherit-color-important
color: inherit !important;
wpex-child-inherit-color (applies color to child elements)
color: inherit;
wpex-text-accent
color: var(--wpex-accent, #2c87f0);
wpex-text-accent_alt
color: var(--wpex-accent-alt, #1175e9);
wpex-text-white
color: var(--wpex-white, #ffffff);
wpex-text-gray-50
color: var(--wpex-gray-50, #fafafa);
wpex-text-gray-100
color: var(--wpex-gray-100, #f7f7f7);
wpex-text-gray-200
color: var(--wpex-gray-200, #eeeeee);
wpex-text-gray-300
color: var(--wpex-gray-300, #e0e0e0);
wpex-text-gray-400
color: var(--wpex-gray-400, #bdbdbd);
wpex-text-gray-500
color: var(--wpex-gray-500, #9e9e9e);
wpex-text-gray-600
color: var(--wpex-gray-600, #757575);
wpex-text-gray-700
color: var(--wpex-gray-700, #616161);
wpex-text-gray-800
color: var(--wpex-gray-800, #424242);
wpex-text-gray-A900
color: var(--wpex-gray-A900, #262626);
wpex-text-gray-900
color: var(--wpex-gray-900, #222222);
wpex-text-black
color: var(--wpex-black, #000);