Notifications
Clear all

wpForo 1.x.x [Solved] Better Quote Styling

5 Posts
2 Users
6 Likes
750 Views
Posts: 1602
Topic starter
(@anonymous20)
Noble Member
Joined: 8 years ago

Hello.

How can we have a better styling in quoted posts? Something like the capture i attach.

It would improve visually a lot the quoted post.

Thanks

4 Replies
Sofy
Posts: 4233
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

Thank you for your suggestion @anonymous20, I'll ask the team to discuss and add the feature in the future updates.

This is too easy if you want to get it asap. Please try the following CSS code:

#wpforo #wpforo-wrap .wpforo-post blockquote, #wpforo #wpforo-wrap .wpforo-revision-body blockquote {
background-color: #fff;
border: none;
border-left: 4px solid #ff8318;
}
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-quote-author {
background-color: whitesmoke;
width: 100% !important;
}
#wpforo #wpforo-wrap .wpforo-post blockquote{
padding:0;
}
#wpforo #wpforo-wrap .wpforo-post blockquote p{
padding-left : 10px !important;
padding-top: 5px !important;
}
#wpforo #wpforo-wrap .wpforo-post-quote-author strong{
padding-left : 10px !important;
}

All you need is changing the values in the code. 

Posts: 1602
Topic starter
(@anonymous20)
Noble Member
Joined: 8 years ago

Thank you Sofy very much.

With a little padding at the bottom and some backgroud color tuning, works and shows great.

Please consider this for your upcoming updates at some point.

 

Posts: 1602
Topic starter
(@anonymous20)
Noble Member
Joined: 8 years ago

Also please consider something like that or similar for Code in a post. Most forums do it that way, it is much more clear and appealing visually.

 

 

1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 6 years ago

Support Team
Posts: 4233

@anonymous20

Sure we'll take into consideration.

If you have some examples (screenshot, URL, etc.) just leave it here. I'll provide a CSS solution for you.