Is there a way of changing the style of the WPforo side to match my theme?
Is there a way of changing the style of the WPforo side to match my theme?
add this to custom css
#wpforo {
max-width: 1430px;
margin: 20px auto;
padding-left: 15px;
padding-right: 15px;
}
#wpforo #wpforo-wrap {
padding: 20px;
}
Dashboard > Forums > Settings > Style (custom css)
visit my german wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
@tutrix, thank you for the quick reply. I placed the code but it didn't work.
Here's a link to my theme's sidebars: https://renewableheatinghub.co.uk/category/questions-answers
Here's the forum: https://renewableheatinghub.co.uk/forums
As you can see the fonts and spacing are very different across both.
the CSS code above adjusts the forum to your blog (watch the video)
https://www.screencast.com/t/eq9vBTNajIJz
use your desktop pc and not your phone to see the change
font, font size etc. you can also change via CSS
visit my german wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
Example for widget-title
#wpforo #wpforo-wrap .widget-title,
.wpforo-widget-wrap .widget-title{
border-bottom: none;
color: #000;
font-size: 22px !important;
font-weight: 600 !important;
font-family: 'Playfair Display', serif !important;
line-height: 50px;
text-transform: uppercase;
}
#wpforo #wpforo-wrap .widget-title::before,
.wpforo-widget-wrap .widget-title::before{
content: '';
position: absolute;
width: 30px;
height: 2px;
background: #3f51b5;
margin-top: 50px
}
visit my german wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
