1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 Solved - mainContainer_noSidebar , where can I find it in Style Properties?

Discussion in 'Styling and Customization Questions' started by DistortedDorian, Apr 14, 2015.

  1. DistortedDorian

    DistortedDorian Active Member

    Hello there,
    I am wondering where I can find mainContainer_noSidebar in Style Properties, I know I can edit it thought Templates but I rather do it there.

    Thanks in advance.
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Style Properties don't cover all classes and templates.
     
  3. DistortedDorian

    DistortedDorian Active Member

    I need to modify the Bottom: for that template as the mainContainer on the Forums, Steam and Members pages touches the footer.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    You can edit the template directly or use EXTRA.css.
     
  5. DistortedDorian

    DistortedDorian Active Member

    Alright, I inspected the element and it seems like those are the templates that needs Bottom: 15, how would I apply that?
    .mainContainer .mainContent, .mainContainer_noSidebar
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    This is a useful site for learning the basics of CSS and HTML: http://www.w3schools.com/css/

    You just need to edit the classes to add the styling you want.
     
  7. DistortedDorian

    DistortedDorian Active Member

    In EXTRA.css I try to do it like this from the link you showed me:
    Code:
    .mainContainer, .mainContent, .mainContainer_noSidebar, .WidgetFramework_WidgetRenderer_ShareThisPage{
        margin-bottom: 15px;
    }
    
    But thats add a 15px gray space below the .mainContainer_noSidebar block, I have a background image. Any Any alternative way of doing this?
    I also tried bottom and padding-bottom but they didn't seem to do anything.
     
  8. DistortedDorian

    DistortedDorian Active Member

    Solved!
    Code:
    #content { padding-bottom: 13px; }
    
     

Share This Page