How do I override a link font size without changing the overall CSS settings?

  • 1
  • Question
  • Updated 3 years ago
  • Answered
There are a couple of links I want to make bigger but am not able to.  I'm assuming link font size is controlled by CSS?

Is there a way to override the link font size in Text Editor without having to change the overall link font size in CSS?  I want most all my links the same size as my text, it's just a couple of links I want to change the size for.

I've tried using the code:  <font size="5">link</font>
but no matter what I change the font size to it stays the same size as everything else.
Photo of farragio

farragio

  • 90 Posts
  • 9 Reply Likes
  • not worried

Posted 3 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Farragio

In order to assist you we will need this information from you:
  1. your published domain name
  2. the name of the page as listed in the page selector for which you want to change the font size of links
  3. a detailed description of where the link is situated on the page and which exact link(s) you want to change the font size for
Once we know this, we can try to add some inline CSS to this particular page in order to try overriding the Style Designer or CSS settings you may have changed.

Alternatively and as something you can try out yourself immediately, you could format your links as headings you don't need, such as a sixth heading, and set their properties in the Style Designer. In order to do this, please follow these steps:
  1. Create a new text that is supposed to be the link (don't link it yet).
  2. Format it as sixth heading in the Text Widget.
  3. Then set the size of a sixth heading in your Style Designer.
  4. Once done, go back to the sixth heading in your Text Widget and make it a link.
I hope this helps, you're welcome to keep us updated in this matter.
(Edited)
Photo of farragio

farragio

  • 90 Posts
  • 9 Reply Likes
Hi, I wanted to check back in because I figured out an easy way to override the link font size...

< a href="LINK.php" style="text-decoration: underline; font-size: 13px;">LINK TEXT</a>

The font-size can be changed to whatever number you need, and the text-decoration can be changed to "none" if you'd rather not have it underlined.

I thought I would share in case it helps anyone else.
(Edited)
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Thank you, Farragio, that's very kind and appreciated!