Forums Plug-In not reaching edge to edge.

Homepage Forums Pro Support Forum Blackoot Pro Blackoot Pro Support Forums Plug-In not reaching edge to edge.

Forums Plug-In not reaching edge to edge.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25045
    Reply to: Blackoot Pro Support
    Chrisanne Rhodes
    Participant

    Forums Plug-In not reaching edge to edge.

    Hello, thanks for the help.
    We are trying to get the forums plug-in (Simple-Press.com) to take most of page up. there is still about a 10% margin on each side of the “box”…and also is so much headed space above. I would like to forums to look a lot cleaner in this very elegant style of yours.

    Please take a look.
    https://texasfallout.com/forum/

    Thanks!

    #25050
    Reply to: Forums Plug-In not reaching edge to edge.
    iceable
    Keymaster
    Support
    Happy with my help?
    Buy me a beer!

    Hi,

    10% was a pretty good estimate: the forum’s wrapper is set by default to take 90% of the available width with 5% margin (+ an additional 3% padding on each side, inside of the 90% inner wrapper).

    The following CSS (which you can copy/paste in Appearance > Theme Options > Code & CSS > Custom CSS) should do the trick to make it use more of the available space:

    #spMainContainer {
        width: 100%;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0;
        box-sizing: border-box;
    }

    Also, here’s an additional snippet you can try to add to help the forum blend a little better with the theme’s style:

    #spMainContainer {
        background-color: transparent;
        border-radius: 0;
    }
    
    #spMainContainer .spHeadContainer,
    #spMainContainer .spBodyContainer,
    #spMainContainer .spGroupForumContainer,
    #spMainContainer .spFootContainer,
    #spMainContainer .spListSection,
    #spMainContainer .spGroupViewSection {
        border-bottom-color: #202020;
    }
    
    #spMainContainer .spGroupViewSection,
    #spMainContainer .spHeadContainer {
        border-radius: 0;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.

256 bit SSL. 100% secure transactions and data encryption
PayPal Verified
Secured by PayPal
Secure Credit Card payments powered by Stripe