Change the color of text with link

Mon Espiritu

• January 14, 2022 20:48

Hi guys, not a coder and this has been asked several times on the Facebook group. 

Is there an easier way to change the color of the text when we hyperlink it to another page?

Thanks

0

• 

  Permanently deleted user

  • January 17, 2022 10:54

  Hello,

  Link color is not set in Brizy. Brizy uses the link color set by the theme. If you need to change the link initial color and hover color, go to your theme settings. For example, if you are using Blocksy theme, at the WordPress backend, under Appearance - Customize - Colors - in the Global Color palette, you can set the link 'Initial' and 'Hover' colors, see here.

  Best regards, Nelea.

  0
• 

  Jenna C

  • October 09, 2022 22:45

  Hi all – I have a similar request. I'd like to change the HOVER color of a text link (not a button).

  I tried Nelea's suggestion and looked in the place she described, however none of those colors in my theme ("Blocksy") are even the ones used on my site (my site was set up by a designer with my specific brand colors, but none of those pre-set theme palettes are them (they do show, as expected, whenever I edit elements on a page, so no issues there and I'd rather not mess around with those "pre-given" settings in my theme colors).

  I tried adding CSS to change the hover color of a (or all?) links, however it's not working. (It's working as intended on the CSS test page though – an external CSS training site)...

  Question 1: How can I change the hover colors of my links?? (Either one by one, per element, or even all text based links for my site...)

  Question 2: How can I apply a specific CSS code to an ENTIRE page? Where would I enter that for a page?

  Thanks in advance.

  0
• 

  KC George

  • October 10, 2022 09:58

  Hi Jenna,

  Please try pasting this code into your WordPress Dashboard's Appearance - Customize - Additional CSS.

  /*Add link color and hover color */
  p a {
  color: #3581e4 !important; }
  
  p a:hover {
      color: #fe4800 !important; }
  
  

  

  1
• 

  Jenna C

  • October 13, 2022 19:48

  Brilliant, this worked; thanks so much, KC George!!

  One minor thing: is it possible to specify that the link stays in whatever color the text was written in (sometimes could be black, sometimes, gray, sometimes a brand color, etc)? Would I simply remove the first color-code line, i.e. paste this:

   

  /*Add link color and hover color */
  
  p a:hover {
      color: #fe4800 !important; }

   

  Thanks again so much!

  0
• 

  KC George

  • October 14, 2022 05:32

  Hi Jenna,

  You are right; the first part of the code is for setting a link color and second part is for setting a hover color. If you only need the hover color, please use the second part of the code. 

  0
• 

  Jenna C

  • October 14, 2022 22:15
  • Edited

  Perfect!

  One last question: is it possible to override this hover color setting – for select blocks ONLY (either with a different hover color or even no hover-color change)? Thinking about what would happen if I had a link on a background with my hover color!

  0
• 

  KC George

  • October 16, 2022 15:49

  Hi Jenna,

  Yes, you can override the code in the Additional CSS by directly adding the same CSS to a particular text element. Please choose the Text element, then select Styling from the Gear (Settings) menu. You can add the CSS code to the sidebar's Advanced tab under the heading Custom CSS.

  

  0
• 

  Jenna C

  • November 10, 2022 23:55

  Great, thank you!

  0
• 

  Seb Fontan

  • June 15, 2023 12:36

  This would be useful in Brizy Cloud. Hope we can see it soon!

  0

Please sign in to leave a comment.