Notifications
Clear all

[Solved] Container misalignment shortcode page

5 Posts
2 Users
0 Reactions
164 Views
Posts: 3
Topic starter
(@applesandpears)
Active Member
Joined: 3 weeks ago

I am having - looks like a container misalignment - on my homepage vs to the wpforo community slug page. 

https://frugaltofi.com/

https://frugaltofi.com/community/

For the life of me I can't figure out how to fix it. It's throwing off the wpforo-menu, wp-foro-feed and  the wpf-footer-buttons. Please, looking for help. Thank you!


Topic Tags
4 Replies
Sofy
Posts: 5739
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 years ago

Hi,

Please watch this short video tutorial on how to enable wpForo on the home page, and make sure you’ve followed all the steps correctly:   https://www.youtube.com/watch?v=q2m2yx4dE1A


Posts: 3
Topic starter
(@applesandpears)
Active Member
Joined: 3 weeks ago

my Home front page template is set to full-width no side bars - misalignment still exists.


2 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5739

@applesandpears 

Use the CSS code below: 

#wpforo #wpforo-wrap p:empty {
    display: none !important;
}

.wpforo-feed br {
    display: none;
}
.wpf-feed-forums > *{
    font-size: 12px !important;
}
.wpforo-feed p {
    display:inline;
}
#wpforo {
    padding-inline: var(--wp--preset--spacing--40);
}

Insert the following CSS code into the "Custom CSS Code" textarea in the wpForo > Settings > Colors & Styles admin page. 

Please clear all kinds of caches before checking. 


(@applesandpears)
Joined: 3 weeks ago

Active Member
Posts: 3

@sofy You are amazing. Thank you!