Notifications
Clear all

wpForo 1.x.x [Closed] Quotation style

10 Posts
2 Users
0 Likes
2,837 Views
Posts: 15
 Zell
Topic starter
(@zell)
Eminent Member
Joined: 6 years ago

Hello,

my problem is that whenever someone uses the quote function in the forum, the quoted sentence looks giant and with a certain image as background. This happens because quotations are styled this way in the WordPress theme I am using. Is there a way to set a different, standard style for quotations in wpForo?

Thank you a lot!

9 Replies
Sofy
Posts: 4310
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

Hi  Zell,

Please leave an example URL to allow us to check and provide CSS solution. 

1 Reply
 Zell
(@zell)
Joined: 6 years ago

Eminent Member
Posts: 15
Posted by: Sofy

Hi  Zell,

Please leave an example URL to allow us to check and provide CSS solution. 

Sure, you can find an example here:  https://www.omniacrystallis.com/forum/off-topic/serie-tv/#post-34.

 

Thank you!

Sofy
Posts: 4310
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

@zell,

Please navigate to Dashboard > Forums > Settings > Styles admin page, put this CSS code in Custom CSS Code textarea, save it, delete all caches and do Ctrl+F5 on the frontend.

#wpforo #wpforo-wrap blockquote:before {
display: none !important;
}
Posts: 15
 Zell
Topic starter
(@zell)
Eminent Member
Joined: 6 years ago

Thank you, it worked! Well, mostly. 🙂

https://www.omniacrystallis.com/forum/off-topic/serie-tv/#post-34

A you can see, all the text is bold (not just "Posted by") and it is centered. Is there a way to make this further little adjustment? Thanks again!

Sofy
Posts: 4310
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

Hi @zell,

This comes from your current active theme. It adds some additional classes and makes a conflict with wpForo CSS codes. 

This CSS should help you to solve the conflict:

#wpforo #wpforo-wrap .wpforo-post-content .result-container .container__top__hours-wasted font > font {
font-weight: normal !important;
}

#wpforo #wpforo-wrap .wpforo-post .wpf-right blockquote{
text-align: left !important;
}
Page 1 / 2