Notifications
Clear all

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

6 Posts
2 Users
4 Likes
128 Views
dimalifragis
Posts: 1923
Topic starter
(@dimalifragis)
Noble Member
Joined: 3 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

Topic Tags
5 Replies
Posts: 873
(@tutrix)
Noble Member
Joined: 3 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: 1923
Topic starter
(@dimalifragis)
Noble Member
Joined: 3 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)
Joined: 3 years ago

Noble Member
Posts: 873

@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: 3 years ago

Noble Member
Posts: 1923

@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: 1923
Topic starter
(@dimalifragis)
Noble Member
Joined: 3 years ago

Here are the results: