Notifications
Clear all

wpForo 1.x.x [Solved] Custom Forum CSS bleeds onto non-forum pages

3 Posts
2 Users
0 Reactions
1,105 Views
SiteBastion
Posts: 41
Topic starter
(@sitebastion)
Trusted Member
Joined: 4 years ago

I have noticed that the WPForo custom CSS is showing up on regular non forums pages.

I wrote a custom bit of CSS to hide out table of contents plugin within the forums but it ended up being included in the color.css file and then being applied site wide. So it turned off our TOC plugin site wide.

Is this by design?
Is there a way to limit the WPForo CSS to just the forum pages?

I already have quite a bit of CSS loading and I don't really need to add the rather LARGE WPForo CSS file to my non-forum pages.

Thanks for looking into this,

Kim

 

Here is the CSS I loaded into the custom CSS box in the forum "Style" tab:

#wpforo #wpforo-wrap {
   font-size: 13px; width: 100%; padding:10px 0; margin:0px;
}
.ez-toc-title-container {
   display: none;
}

Here you can see the TOC plugin in effect.

https://www.rvtravel.com/rv-travel-newsletter-issue-1025/

When this CSS was loaded it turned the dropdown into a small gray square with a 1px border. On the forum pages it hid the TOC completely.

2 Replies
Chris
Posts: 3627
(@chris)
Famed Member
Joined: 3 years ago

Hi @sitebastion,

If you want to make changes on wpForo using custom CSS, always add the below CSS before the path

#wpforo #wpforo-wrap

This means that the CSS code will work only on wpForo

 

SiteBastion
Posts: 41
Topic starter
(@sitebastion)
Trusted Member
Joined: 4 years ago

Oops, Forgot to add that to the second line of CSS, what a dope I am!