wpForo 1.x.x [Closed] Gaps missing in signature

@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

visit my wpForo > Tutrix.de (unofficial german wpForo Support)
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

May 31, 2021 12:24 pm

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

Tutrix

(@tutrix)

Joined: 4 years ago

Noble Member

Posts: 1266

May 31, 2021 2:25 pm

@motorhype

ok, try this Code

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

visit my wpForo > Tutrix.de (unofficial german wpForo Support)
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

May 31, 2021 2:35 pm

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

Tutrix

(@tutrix)

Joined: 4 years ago

Noble Member

Posts: 1266

May 31, 2021 2:39 pm

@motorhype

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

gaps.jpg

visit my wpForo > Tutrix.de (unofficial german wpForo Support)
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

May 31, 2021 2:47 pm

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

1.png

Tutrix

(@tutrix)

Joined: 4 years ago

Noble Member

Posts: 1266

May 31, 2021 2:53 pm

@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

visit my wpForo > Tutrix.de (unofficial german wpForo Support)
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

May 31, 2021 2:56 pm

I've removed it but no change 🙁

Tutrix

(@tutrix)

Joined: 4 years ago

Noble Member

Posts: 1266

May 31, 2021 3:22 pm

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

@motorhype

it works

visit my wpForo > Tutrix.de (unofficial german wpForo Support)
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

May 31, 2021 3:25 pm

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

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

May 31, 2021 5:50 pm

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: 4 years ago

Noble Member

Posts: 1266

May 31, 2021 6:24 pm

@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;
}

visit my wpForo > Tutrix.de (unofficial german wpForo Support)
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

May 31, 2021 7:11 pm

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

1.png

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

May 31, 2021 7:11 pm

Front end.

2.png

Tutrix

(@tutrix)

Joined: 4 years ago

Noble Member

Posts: 1266

Jun 01, 2021 3:51 am

@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

visit my wpForo > Tutrix.de (unofficial german wpForo Support)
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

Jun 01, 2021 11:06 am

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

Hype Matrix

(@hypematrix)

Joined: 3 years ago

Estimable Member

Posts: 76

Jun 02, 2021 4:16 pm

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

Tutrix

(@tutrix)

Joined: 4 years ago

Noble Member

Posts: 1266

Jun 03, 2021 4:20 pm