Adding custom CSS to element

Eric Tuvel

• June 02, 2022 20:56
• Edited

Hi,

https://vznstaging.wpengine.com

I am trying to make some Text that is a link a specific color that is not the same as the global link color. I am using the Custom CSS in Brizy to do that but it does not seem to be working.

I have entered the following CSS into the Custom CSS field but the text still appears in the lighter blue rather than the dark blue I am specifying.

element {
  color: #101d23 !important;
}

See screenshots below

0

• 

  Permanently deleted user

  • June 03, 2022 08:06

  Hi Eric,

  Thank you for contacting us.

  Please add this Custom CSS for the text :

  element p a {
      color: #101d23 !important;
  }

  Regards, Nelea.

  0
• 

  KC George

  • June 03, 2022 08:14

  Hi Eric,

  You can override global colors for text by applying a custom color. Select the text and paste the color #101d23  directly. You do not need to CSS to change color. (This will not work if you are using the menu element in place of text element.)

   

  0
• 

  Eric Tuvel

  • June 09, 2022 06:42

  Ok, thank you. The custom CSS element p a { color: #101d23 !important; } Worked. Changing the Text element color was NOT working. I had already tried this. But the custom CSS provided by Nelea worked well. Thank you. -- Best, Eric Eric Tuvel

  0
• 

  Timothy Faux

  • April 03, 2024 19:14

  Is css still the only way to implement global link colors in text elements?

  0
• 

  Ariel H.

  • April 04, 2024 09:11

  Hi Timothy,

  Thank you for contacting us.

  Currently, the recommended method to implement global links is still through custom CSS. However, I want to assure you that we are aware of this issue, and it has already been submitted as a feature improvement request.

  I apologize for any inconvenience caused.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.