Search code examples
csswordpresshyperlinkfont-sizelarge-text

Large font size of hypelink text on wordpress


My linked text (hyperlinks) on my WordPress blog appear bigger than the other paragraph texts. I have tried a couple of CSS codes to override it but its still unchanged. Please suggest an effective CSS code that can override this issue?. See how the hyperlink appear below.

The codes I tried

(1)

* { 
 text-decoration: none ! important; 
}

(2)

a {
 Font-size: 12px 
}

How the large text size on hyperlinks appear

enter image description here


Solution

  • Your second code is almost right. You're only missing the semicolon after 15px, and the F in font-size should be lowercase.

    a {
      font-size: 15px;
    }
    

    The above is correct, however if there's later class targeting to your links, or a class targeting the links inside paragraphs your styles will be overwritten. In that case you can try this.

    a,
    p a {
        font-size: 15px !important;
    }
    

    Make sure to add these new classes at the end/bottom of the stylesheet.