Change appearance of lower right info boxes in topics and posts  

  RSS

bdebruin
(@bdebruin)
Member Customer
Joined: 1 month ago
Posts: 10
11/12/2018 1:16 am  

Hi,

I am trying to change the appearance of the lower right boxes in topics and blog posts as set by x-posting addon. In the custom CSS I have:

#wpforo-wrap .wpfcp-post-info {display:none;}
#wpforo-wrap .wpfcp-topic-info {background-color:red;}
#wpforo-wrap .wpfcp-article-info {background-color:red;}

First 2 ones are working OK, third is not changing color at all. Also: need to change the font-color of these "boxes" and preferably set a border. Any ideas?

Thanks, Bas


ReplyQuote
Astghik
(@astghik)
Support Team Admin
Joined: 1 year ago
Posts: 1542
11/12/2018 2:36 pm  

Hi Bas,

Please leave some example URL to allow us to check it and provide some solution for you. 


ReplyQuote
bdebruin
(@bdebruin)
Member Customer
Joined: 1 month ago
Posts: 10
11/12/2018 2:49 pm  

Hi @Astghik

Since you need to be logged in to my site I left you a temp login link in your PM

At https://excellent-bid.nl/boards/general-board/build-a-virtual-company/ you see topic-info modified by CSS (font-size and background-color). However I am not able to set color attribute.

At  https://excellent-bid.nl/blog/build-a-virtual-company/ (scroll to the bottom) you see the article-topic with text "More discussion >>" which I am not able to modify at all.


ReplyQuote
Astghik
(@astghik)
Support Team Admin
Joined: 1 year ago
Posts: 1542
11/12/2018 2:59 pm  

Hi @bdebruin,

You need to add the CSS code (without #wpforo-wrap ) in Top Black Admin Bar > Customize > Additional CSS, delete all caches and press Ctrl+F5 on that page.

.wpfcp-article-info {background-color:red;}

 


ReplyQuote
bdebruin
(@bdebruin)
Member Customer
Joined: 1 month ago
Posts: 10
11/12/2018 3:14 pm  

Hi @Astghik

Thnaks, tha works for the background, but unfortunately not for the font-size and font-color. CSS below now in theme custom CSS

.wpfcp-article-info {font-size:15px!important; color:white!important; background-color:red;}

ss articel info

This post was modified 1 month ago by bdebruin

ReplyQuote
Astghik
(@astghik)
Support Team Admin
Joined: 1 year ago
Posts: 1542
11/12/2018 3:22 pm  

@bdebruin,

In this  case, you need to use the following code: 

.wpfcp-article-info a {
color:white
font-size: 15px;
}

ReplyQuote
bdebruin
(@bdebruin)
Member Customer
Joined: 1 month ago
Posts: 10
11/12/2018 3:35 pm  

Hi @Astghik

Many thanks, that did it! One final question: why do some CSS modifications need to go the them>customize>additional CSS and other go into wpforo>setting>style>additional CSS

I want to keep all modifications together.


ReplyQuote
Astghik
(@astghik)
Support Team Admin
Joined: 1 year ago
Posts: 1542
11/12/2018 3:45 pm  

@bdebruin,

as wpForo doesn't load on the current page (it is simple WordPress post) you need to add the code in Black Admin Bar > Customize > Additional CSS textarea.
All CSS codes that are changing wpForo appearance should be added in Dashboard > Forums > Setting > Style > "Custom CSS code" textarea. 


ReplyQuote
UsernameMi
(@usernamemi)
Trusted Member
Joined: 10 months ago
Posts: 66
12/12/2018 7:38 pm  

As about me, I regrouped all CSS customizations only in the main Customize. Or else I would lost their count, custom code for wpforo here, custom code for wpdiscuz there, custom code for peepso elsewhere, other custom code in admin customization. Not to mention that sometimes they get reseted and lost with some upgrades (like WP 5.0 did for my wpDiscuz). It works very well from one sole place. They will be all loaded, however, for every page, not only the forum page. A trade-off of some additional dozen kilobytes to load.


ReplyQuote
Share: