[Help] HTML/CSS

Rufai · Dec 1, 2021

I'm using this code to add affiliate disclaimer to my blog posts, but the line height is way bigger.
How can I reduce the line height?
I'm using Ad inserter plugin

Code:

<font size ="1"; color ="red" ><i> This site is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Please read our <a href="/disclaimer">Disclaimer</a> for more information. </i></font>

Thanks

CyberHour · Dec 1, 2021

There are 2 rules before asking any question especially related to codding.

Rule No:1 Always ask Google.
Rule No:2 Don't ignore Rule No:1

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_line-height

Gogol · Dec 1, 2021

Try

Code:

<font style="line-height:1.1em; font-size:1.1em;color:red;"><i> This site is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Please read our <a href="/disclaimer">Disclaimer</a> for more information. </i></font>

Rufai · Dec 1, 2021

Gogol said:

Try

Code:

<font style="line-height:1.1em; font-size:1.1em;color:red;"><i> This site is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Please read our <a href="/disclaimer">Disclaimer</a> for more information. </i></font>

Thanks @Gogol for the help.

It worked but when I tried to reduce the font size to 0.5em, the line height increased as it was before.
I also tried reducing the line height too but it didn't change.

Gogol · Dec 1, 2021

Rufai said:
Thanks @Gogol for the help.
View attachment 193721
It worked but when I tried to reduce the font size to 0.5em, the line height increased as it was before.
I also tried reducing the line height too but it didn't change.

Just decrease the line-height as well. As a rule of thumb, the line height should be same or more than the font size.

So it becomes something like:

Code:

<font style="line-height:0.5em; font-size:0.5em;color:red;"><i> This site is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Please read our <a href="/disclaimer">Disclaimer</a> for more information. </i></font>

Rufai · Dec 1, 2021

Gogol said:
Just decrease the line-height as well. As a rule of thumb, the line height should be same or more than the font size.
So it becomes something like:

Code:

<font style="line-height:0.5em; font-size:0.5em;color:red;"><i> This site is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Please read our <a href="/disclaimer">Disclaimer</a> for more information. </i></font>

I think the issue is from the plugin or my site settings. I'll just leave it like this.

Thanks again for the help @Gogol

Gogol · Dec 1, 2021

Gogol said:
Just decrease the line-height as well. As a rule of thumb, the line height should be same or more than the font size.

Rufai said:
I think the issue is from the plugin or my site settings. I'll just leave it like this.
View attachment 193723
Thanks again for the help @Gogol

Hmm this is quite unusual because the inline rules should have overridden the other rules. If I could see the site, I could probably pinpoint what needs to change.

If you need help (for free ofcourse), you are welcome to PM me.

Rufai · Dec 1, 2021

Gogol said:
Hmm this is quite unusual because the inline rules should have overridden the other rules. If I could see the site, I could probably pinpoint what needs to change.

If you need help (for free ofcourse), you are welcome to PM me.

Thanks. PMed you

[Help] HTML/CSS

Rufai

Supreme Member

CyberHour

Elite Member

Gogol

Administrator

Rufai

Supreme Member

Gogol

Administrator

Rufai

Supreme Member

Gogol

Administrator

Rufai

Supreme Member

Main Menu

Marketplace

Making Money

BlackHat World