Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

[Solved] Help to style a bit better the Quoted text

6 Posts
2 Users
4 Reactions
998 Views
dimalifragis
Posts: 2600
Topic starter
(@dimalifragis)
Famed Member
Joined: 6 years ago

Hi,

I'm not a css guy. not at all.

Can someone give me a little help how to style like the capture the quotes? And the quotes inside a quote?

And maybe wpForo 2 can improve this in the plugin? Make it more beautiful?

 

Thanks


5 Replies
Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

Hi @dimalifragis

an example of a quote from you (before and after customization)

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

if you like it, I'll post the CSS code for it 😉 


dimalifragis
Posts: 2600
Topic starter
(@dimalifragis)
Famed Member
Joined: 6 years ago

Thanks but i was looking for the same as the example i posted. Also you are wasting a lot of space in your example.

I think i copied their css at the forum i posted and i will try to replicate it for wpforo. It shouldn't be that hard.


2 Replies
Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1521

@dimalifragis 

I thought the example is from your forum and you want to customize it

try this css

#wpforo #wpforo-wrap .wpforo-post blockquote, #wpforo #wpforo-wrap .wpforo-revision-body blockquote {
 border: #ccc 1px solid !important;
 background: #f5f5f5 !important;
 border-radius: 5px;
 border-left: 5px solid #007cba !important;
 padding: 0 10px !important;
}

dimalifragis
(@dimalifragis)
Joined: 6 years ago

Famed Member
Posts: 2600

@tutrix Thank you so much. With a 10px padding at the top and radius to 7 (instead of 5), it works and shows great.


dimalifragis
Posts: 2600
Topic starter
(@dimalifragis)
Famed Member
Joined: 6 years ago

Here are the results:

Â