[Closed] Gaps missing in signature

Translate ▼

@motorhype

add this to custom css

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-signature p {
    line-height: 25px;
}

you can adjust the 25px as you like

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

May 31, 2021 4:24 pm

Translate ▼

Thanks, I've added the code but it's now made a gap inside sentences?

Tutrix

(@tutrix)

Joined: 6 years ago

Noble Member

Posts: 1519

May 31, 2021 6:25 pm

Translate ▼

@motorhype

ok, try this Code

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-signature p br {
    margin-bottom: 10px;
}

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

May 31, 2021 6:35 pm

Translate ▼

I've just added the code but it's just gone back to how it was to start with?

Tutrix

(@tutrix)

Joined: 6 years ago

Noble Member

Posts: 1519

May 31, 2021 6:39 pm

Translate ▼

@motorhype

that can not be
I can see on your side that it works

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

May 31, 2021 6:47 pm

Translate ▼

That's strange, I have cleared browser and forum cache but it still looks the same from my end 🙁

Tutrix

(@tutrix)

Joined: 6 years ago

Noble Member

Posts: 1519

May 31, 2021 6:53 pm

Translate ▼

@motorhype

you added a second "br" to the code

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-signature p br br {
    margin-bottom: 10px;
}

remove the second br

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

May 31, 2021 6:56 pm

Translate ▼

I've removed it but no change 🙁

Tutrix

(@tutrix)

Joined: 6 years ago

Noble Member

Posts: 1519

May 31, 2021 7:22 pm

https://www.screencast.com/t/Vyh363XHiB

Translate ▼

@motorhype

it works

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

May 31, 2021 7:25 pm

Translate ▼

Strange, must be some problem my end. Thanks for your help again 🙂

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

May 31, 2021 9:50 pm

Translate ▼

I've just viewed it on my phone and it's still missing the gaps, have you cleared your browser cache because I can't see any gaps?

Tutrix

(@tutrix)

Joined: 6 years ago

Noble Member

Posts: 1519

May 31, 2021 10:24 pm

Translate ▼

@motorhype

Ok, the solution is probably not cross-browser compatible 😉

only use <p> .... </p> tags instead of <br>

<p>MotorHype is the UK’s leading classified vehicle website that advertises used cars for sale, <a title="Events" href="https://www.motorhype.co.uk/events/">shows &amp; events</a>, <a title="News" href="https://www.motorhype.co.uk/news/">motoring news</a> and hosts a comprehensive <a title="Forums" href="https://www.motorhype.co.uk/forums/">car forum</a>.</p>
<p>Check out the latest MotorHype merchandise sold exclusively through our <a href="https://www.motorhype.shop/" rel="nofollow">online shop</a>.</p>
<p>Looking to sell you car? Advertise it on MotorHype for FREE! <a href="https://www.motorhype.co.uk/panel/?action=create">Sell my car</a></p>

and this CSS Code

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-signature p {
margin-bottom: 10px;
}

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

May 31, 2021 11:11 pm

Translate ▼

I've now added the code and pasted your coding to my signature but it's not displaying the html in my profile?

Am I doing something wrong?

Thanks

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

May 31, 2021 11:11 pm

Translate ▼

Front end.

Tutrix

(@tutrix)

Joined: 6 years ago

Noble Member

Posts: 1519

Jun 01, 2021 7:51 am

Translate ▼

@motorhype

don't copy and paste the Code above

use 2 Line Breaks at each Line In the Signature editor so that separate p tags are created

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

Jun 01, 2021 3:06 pm

Translate ▼

Yes I can do that but it will be a problem for other users 🙁

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

Jun 02, 2021 8:16 pm

Translate ▼

Do you have any other suggestions? I would really like to fix this.

Tutrix

(@tutrix)

Joined: 6 years ago

Noble Member

Posts: 1519

Jun 03, 2021 8:20 pm

Translate ▼

@motorhype

You can use Advanced Editor Tools for more options

Hype Matrix

(@hypematrix)

Joined: 5 years ago

Estimable Member

Posts: 76

Jun 03, 2021 9:34 pm

Translate ▼