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

How to fix this

Discussion in 'XenForo Questions and Support' started by iTuN3r, Nov 25, 2010.

  1. iTuN3r

    iTuN3r Well-Known Member

    example.jpg

    Was tweaking my test board noticed this issue Members and Quick Links are over lapped with the box area. How can i move both to center .

    Sorry for the stupid question couldn't figure out :(
     
  2. Russ

    Russ Well-Known Member

    It would appear in your xenforo_sections.css - > .primarycontent

    You removed the padding:

    Code:
    .primaryContent
    {
        @property "primaryContent";
        background-color: @contentBackground;
        padding: 10px;
        border-bottom: 1px solid @primaryLighterStill;
        @property "/primaryContent";
    }
    
     
    Jake Bunce likes this.
  3. iTuN3r

    iTuN3r Well-Known Member

    Ah yes i kept the value 0 didn't noticed it would effect that area if i keep that value it will increase my forum box spacesas shown in image below :
    example.jpg

    Is there any other ways i can fix that without messing up this one :(
     
  4. Russ

    Russ Well-Known Member


    You could do a really cheap quick fix:

    In navigation ->

    Find:

    Code:
            <!-- members -->
            <xen:if is="{$tabs.members}">
                <li class="navTab members {xen:if $tabs.members.selected, 'selected', 'Popup PopupControl PopupClosed'}">
    
                    <a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a>
                    <a href="{$tabs.members.href}" class="SplitCtrl" rel="Menu"></a>
    
                    <div class="{xen:if {$tabs.members.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                        <div class="primaryContent menuHeader">
                            <h3>{$tabs.members.title}</h3>
                            <div class="muted">{xen:phrase quick_links}</div>
                        </div>
                        <ul class="secondaryContent blockLinksList">
                            <li><a href="{xen:link members}">{xen:phrase registered_members}</a></li>
                            <li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li>
                            <li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li>
                        </ul>
                    </div>
                </li>
            </xen:if>
    
    Replace with:

    Code:
             <!-- members -->
             <xen:if is="{$tabs.members}">
                 <li class="navTab members {xen:if $tabs.members.selected, 'selected', 'Popup PopupControl PopupClosed'}">
    
                     <a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a>
                     <a href="{$tabs.members.href}" class="SplitCtrl" rel="Menu"></a>
    
                     <div class="{xen:if {$tabs.members.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                         <div class="primaryContent menuHeader">
                        <div style="padding:10px">
                             <h3>{$tabs.members.title}</h3>
                             <div class="muted">{xen:phrase quick_links}</div>
                         </div>
                         <ul class="secondaryContent blockLinksList">
                             <li><a href="{xen:link members}">{xen:phrase registered_members}</a></li>
                             <li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li>
                             <li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li>
                         </ul>
                     </div>
                     </div>
                 </li>
             </xen:if>
     
    You're basically adding in the padding div, the only problem is that the primarycontent is used in SOOO many different templates so removing the padding directly out of the .primarycontent {
    could potentially cause for other issues that you may not see initially. Possibly* But I hope this helps.
     
    iTuN3r and Jake Bunce like this.
  5. iTuN3r

    iTuN3r Well-Known Member

    Great :) Thanks that was good one . Gotta change too manythings when you want to have everything customized and it's pain in @$$ .
     
  6. Russ

    Russ Well-Known Member

    Looking at it I would highly advise against what you're looking to achieve, at least the route you're taking.

    By removing the padding from primarycontent you'll have to fix the help tab, forums tab, the members page among many other places. The padding 10 adds some nice UI to the forums in most areas, if you're looking to keep the small spacing on the forums I would customize those specifically rather than the primarycontent.
     
    iTuN3r likes this.
  7. iTuN3r

    iTuN3r Well-Known Member

    Well if there's another way to keep small spacing on forums i wouldn't mind to go that way . Ye i noticed i did couples of changes already and looking on others and when doing so for forum tabs and coming back to forum page those shortcut links under forum Mark all forums read and other options seems hidden . Let me know if there's other way i can go around and keep the forum space small without touching Primary contents.
     
  8. Russ

    Russ Well-Known Member




    Where specifically do you want the spacing to be reduced? The screenshots you gave I don't think are effected by primarycontent, but secondarycontent.
     
  9. iTuN3r

    iTuN3r Well-Known Member

    Yes i want to keep the way it is or little less then the forum is make no changes then how the screenshot .
     
  10. Russ

    Russ Well-Known Member

    Remove my fix, and put back the padding on the primarycontent and I can help debug from there.
     
  11. iTuN3r

    iTuN3r Well-Known Member

    Yup everything is same as before :)
     
  12. Russ

    Russ Well-Known Member

    Menu's are still not spaced, I don't think you added the padding back to the .primarycontent {
     
  13. iTuN3r

    iTuN3r Well-Known Member

    Ah it's placed there now sorry about that .
     
  14. Russ

    Russ Well-Known Member

    Ok :)

    For that fix in:

    node_list.css

    Find:
    Code:
    
    .nodeList .categoryForumNodeInfo,
    .nodeList .forumNodeInfo,
    .nodeList .pageNodeInfo,
    .nodeList .linkNodeInfo
    {
        @property "primaryContent";
        background-color: @contentBackground;
        padding: 10px;
        border-bottom: 1px solid @primaryLighterStill;
        @property "/primaryContent";
        
        padding: 0;
    }
    
    Remove the padding: 10px

    Should fix the problem without major style changes I believe.
     
    iTuN3r likes this.
  15. iTuN3r

    iTuN3r Well-Known Member

    Thanks :) (wondering if we can decrease the space little lesser)
     
  16. Russ

    Russ Well-Known Member

    I think anything past the initial padding is going to be the margins on the following items:

    Code:
    .node .nodeText
    {
        @property "nodeText";
        margin: 10px 270px 10px 56px;
        @property "/nodeText";
    }
    
    Code:
    .node .nodeIcon
    {
        @property "nodeIcon";
        background: transparent none no-repeat center center;
        margin: 10px 0 10px 10px;
        float: left;
        width: 36px;
        height: 36px;
        @property "/nodeIcon";
    }
    
    Code:
    .node .nodeLastPost
    {
        @property "secondaryContent";
        background: @primaryLightest url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
        padding: 10px;
        border-bottom: 1px solid @primaryLighterStill;
        @property "/secondaryContent";;
    
        @property "nodeLastPost";
        font-size: 11px;
        padding: 3px 10px;
        margin: 10px;
        border: 1px solid @primaryLighterStill;
        border-radius: 3px;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 14px;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
        width: 210px;
        height: 28px;
        @property "/nodeLastPost";
    }
    

    I'm not sure if there's a better way of doing this but those snippits are all in node_list.css and going through them and adjusting the margin on each one will allow you to decease it even more. On the top two:

    Top Right Bottom Left
    10px 270px 10px 56px;


    Top Right Bottom Left
    10px 0 10px 10px;

    The third one is set all the way around with a solid 10px.
    I explained this last part because you may just want to adjust your top and bottom margins, but for the spacing to adjust, if you change one of the top margins it will still stay with the max spacing so make sure to adjust all of the tops or all of the bottoms. I really hope this made sense...
     
    iTuN3r likes this.
  17. iTuN3r

    iTuN3r Well-Known Member

    Yup got it ...Will look into it . If not i need to think of something to look it neat and clean .
     
  18. iTuN3r

    iTuN3r Well-Known Member

    Looks like i missed something last night

    example.jpg

    When i take my pointer between two menus it highlights both ..what do i need to look to make small space between those two menus ...it's same on other sides with Alerts and Conversation .I am sorry for silly questions i tried looking for them but couldn't find it .

    Thanks
     
  19. iTuN3r

    iTuN3r Well-Known Member

    Ermm anyone could help me quickly with above issue :(
     
  20. Russ

    Russ Well-Known Member

    In xenforo_popup.css

    Code:
    .Menu
    {
        position: absolute;
        z-index: 7500;
        display: none;
        
        min-width: 200px;
        min-height: 60px;
        *width: 200px; overflow: hidden;
    
        border: 1px solid @primaryLight;
        border-top: 5px solid @primaryLight;
        background-color: white;
        font-size: 11px;
    
        box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);
    }
    
    It's the border-top: 5px :)
     
    iTuN3r likes this.

Share This Page