Notifications
Clear all

[Solved] Place a mention in the signature area

8 Posts
2 Users
4 Reactions
1,097 Views
Posts: 108
Topic starter
(@hector)
Estimable Member
Joined: 6 years ago

Hello community

I would like that when a user of my forum goes to edit / modify her signature, there is a mention indicating that only registered users can see the signature, so that it looks more or less like this:

I remain attentive to your responses.

Best regard.

7 Replies
Tutrix
Posts: 1480
(@tutrix)
Noble Member
Joined: 5 years ago

@hector

You can do that with CSS

#wpforo #wpforo-wrap .wpf-field-name-signature .wpf-label.wpfcl-1::after { 
content: "(your text)";
font-size: 10px;
color: #ff0000;
margin-left: 5px;
}
Posts: 108
Topic starter
(@hector)
Estimable Member
Joined: 6 years ago

Hello again.

This is not working very well.

Part of the text is hidden behind the text area:

And also when I reduce the browser window the text goes out of the box:

An alternative that I propose is to edit the text that says "Firma" in the PHP that generates it, and place all the text that you want there. But as I say it is only a proposal.

Could you please help me.

Thank you.

Posts: 108
Topic starter
(@hector)
Estimable Member
Joined: 6 years ago

Could someone help me please.

1 Reply
Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1480

@hector

use a shorter text like (only visible for logged in Members)

and this code too

#wpforo #wpforo-wrap .wpf-field-name-signature .wpf-field-wrap {
margin-top: 20px;
}

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

or use wpForo – User Custom Fields to add a description to the signature

Posts: 108
Topic starter
(@hector)
Estimable Member
Joined: 6 years ago

Thanks for your help @Tutrix.

Put fewer words, but more nevertheless a small part of this text is hidden behind the text area:

But I'm going to leave it at that.

Thank you again for your help.

1 Reply
Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1480
Posted by: @hector

but more nevertheless a small part of this text is hidden behind the text area:

you forgot to insert the 2nd CSS code

on the video you can see that everything works

Page 1 / 2