0

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

dvlpr.963
  • 384
  • 1
  • 4
  • 15
Mary-ann
  • 3
  • 1

1 Answers1

0

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.

Ken
  • 574
  • 4
  • 15
  • Thanks with E-Hugs.... The second code quoting the links inside paragraphs worked! I am so glad for you assistance and this community. Thanks a whole lot. – Mary-ann Dec 06 '21 at 12:20