Notifications
Clear all

wpForo 1.x.x Gaps missing in signature

21 Posts
2 Users
0 Likes
625 Views
Hype Matrix
Posts: 72
Topic starter
(@hypematrix)
Estimable Member
Joined: 1 year ago

Hello,

 

The gaps in between sentences are missing in signature, do anyone have a solution to this?

 

Thanks

20 Replies
Hype Matrix
Posts: 72
Topic starter
(@hypematrix)
Estimable Member
Joined: 1 year ago

This is how the signature is set up.

Reply
19 Replies
Tutrix
(@tutrix)
Joined: 2 years ago

Prominent Member
Posts: 755

@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

Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

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

Reply
Tutrix
(@tutrix)
Joined: 2 years ago

Prominent Member
Posts: 755

@motorhype 

ok, try this Code

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-signature p br {
    margin-bottom: 10px;
}
Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

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

Reply
Tutrix
(@tutrix)
Joined: 2 years ago

Prominent Member
Posts: 755

@motorhype 

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

Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

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

Reply
Tutrix
(@tutrix)
Joined: 2 years ago

Prominent Member
Posts: 755

@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

 

Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

I've removed it but no change 🙁

Reply
Tutrix
(@tutrix)
Joined: 2 years ago

Prominent Member
Posts: 755

@motorhype 

it works

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

Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

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

Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

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?

Reply
Tutrix
(@tutrix)
Joined: 2 years ago

Prominent Member
Posts: 755

@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;
}
Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

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

Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

Front end.

Reply
Tutrix
(@tutrix)
Joined: 2 years ago

Prominent Member
Posts: 755

@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

Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

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

Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

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

Reply
Tutrix
(@tutrix)
Joined: 2 years ago

Prominent Member
Posts: 755

@motorhype 

You can use Advanced Editor Tools for more options

Reply
Hype Matrix
(@hypematrix)
Joined: 1 year ago

Estimable Member
Posts: 72

@tutrix 

Thanks 🙂

Reply
Share: