Skip to main content

Hyperlinks Styling

Comments

7 comments

  • KC George

    Hi Sofia,

    Please try adding this CSS to your Additional CSS. Remove text-decoration: underline; if you do not want underline. I am using these colors in this example. 

    • Link Normal:  3581e4 
    • Link Hover: fe4800 
    /*Add link color, underline and hover color */

    p a {
    color: #3581e4 !important;
      text-decoration: underline;
    }
    p a:hover {
        color: #fe4800 !important;
    }
    0
  • Sofia Pereira
    Thank you very much KC! And this CSS is to be placed in the theme options right? Just below the other CSS you gave me before for the blog post fonts right?
    0
  • KC George

    Yes; add it under Additional CSS, below the other CSS code.

    0
  • Sofia Pereira

    Hi KC!

    I hope you had a good weekend! :)

    Could you please have a look below? The CSS works correctly for color change and underlines on hoover but it doesn't make the text underlined when it's not with hoovered:

    Would that also be possible?

    Thank you so much !

    0
  • KC George

    Hi Sofia,

    Can you delete the previous CSS and try this instead?

    /*Add link color, underline and hover color to blog posts */

    a.link--external brz-cp-color2 {
      color: #867E75 !important;
      text-decoration: underline;
    }

    a.link--external brz-cp-color2:hover {
      color: #867E75 !important;
      text-decoration: underline;
    }

    If the above CSS does not work, please delete it and try this.

    /*Add link color, underline and hover color to blog posts */

    p a.link--external brz-cp-color2 {
      color: #867E75 !important;
      text-decoration: underline;
    }

    p a.link--external brz-cp-color2:hover {
      color: #867E75 !important;
      text-decoration: underline;
    }
    0
  • Sofia Pereira

    Hi KC! Those don't work, the first one was better because it at least changes the color of the words. Ohhh :( 

    Does Brizy have any plans to make this a part of the global styling perhaps? :)

    Maybe using the first piece of code with something else to make the words Bold would work since the underline doesn't?

    0
  • KC George

    Hi Sofia,

    Yes; we have a Feature Request to include global Link settings. I can't say when this could be done as we have a huge pipeline of such requests.   

    0

Please sign in to leave a comment.