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

XF 1.4 Removing Notices from Mobile

Discussion in 'Styling and Customization Questions' started by NinaMcI, Sep 29, 2014.

  1. NinaMcI

    NinaMcI Active Member

    Hi, I've found the above thread on this question, and I've read the guide on responsive design css, but I don't know where to insert the above code. Which template should I go to, and where do I insert the code?
    Thanks for your help.
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    EXTRA.css
     
  3. NinaMcI

    NinaMcI Active Member

    I added the code in EXTRA.css after

    #Notices .panel .noticeContent {

    color: #6f6f6f;


    }
    Doing this hasn't removed the notices from the mobile version. Please tell me what I'm doing wrong baring in mind that I don't know anything about coding :(
     
  4. James

    James Well-Known Member

    Is your EXTRA.css filled with content?

    Can you post your whole EXTRA.css inside [CODE] tags like so?

    [CODE]
    // your EXTRA.css file contents
    [/CODE]
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Use this.

    Code:
    <xen:if is="@enableResponsive">
    @media (max-width:800px)
    {
        .hasJs #Notices.PanelScroller
        {
            display: none !important;
        }
    }
    </xen:if>
    Change the 800px to suit.
     
    Stuart Wright likes this.
  6. NinaMcI

    NinaMcI Active Member

    Code:
    //.nodeList .categoryStrip .nodeTitle a {
        background: url("@imagePath/xenforo/gradients/breadcrumb.png") no-repeat scroll right center #008db7;
        color: rgb(255, 255, 255);
        margin-left: -10px;
        padding: 20px;
        padding-right: 30px
    }
    /* FONT AWESOME NODE ICONS */
    @font-face
    {
            font-family: 'FontAwesome';
            src: url('./styles/cloud/xenforo/fonts/fontawesome-webfont.eot');
            src: url('./styles/cloud/xenforo/fonts/fontawesome-webfont.ttf') format("truetype"),
                    url('./styles/cloud/xenforo/fonts/fontawesome-webfont.woff') format('woff'),
                    url('./styles/cloud/xenforo/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
                    url('./styles/cloud/xenforo/fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
            font-style: normal;
            font-weight: normal;
    }
    
    .node.node .forumNodeInfo .nodeIcon:after, .node.node .categoryForumNodeInfo .nodeIcon:after
    {
        font-family: "FontAwesome";
        font-size: 34px;
        content: "\f0c2";
        color: #a7a7a7;
        line-height: 35px;
        padding: 4px 5px 4px 0;
    }
    
    .node.node .forumNodeInfo.unread .nodeIcon:after, .node.node .categoryForumNodeInfo.unread .nodeIcon:after
    {
        font-family: "FontAwesome";
        font-size: 34px;
        content: "\f0c2";
        line-height: 35px;
        color: #14b8e6;
        padding: 4px;
        padding-right: 8px;
    }
    
    .node.node .pageNodeInfo .nodeIcon:after
    {
        font-family: "FontAwesome";
        font-size: 34px;
        color: #14b8e6;
        content: "\f0f6";
        line-height: 30px;
        padding: 4px 5px 4px 0;
    }
    
    .node.node .linkNodeInfo .nodeIcon:after
    {
        font-family: "FontAwesome";
        font-size: 34px;
        color: #14b8e6;
        content: "\f054";
        line-height: 35px;
        padding: 4px 5px 4px 0;
    }
    
    /* FONT AWESOME NODE ICONS */
    
    .nodeList:first-child {
    
    background-color: red;
    
    }
    
    #Notices .panel .noticeContent {
    
    color: #6f6f6f;
    
    }
    
    .navTabs .navTab.selected .tabLinks {
    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
    }
    .primaryMessage {
        background-color: #f5f5f5;
        border-radius: 10px;
        box-shadow: 0 0 40px rgba(245, 245, 245, 0.3) inset;
    }
    .primaryContent a:hover {
    
    color: #20bce7;
    text-decoration: none;
    }
    .messageUserBlock .extraUserInfo dl {
    
        background: #f8f8f8;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        color: #8b8b8b;
        padding: 4px;
        }
       
        .messageUserBlock .arrow
            {
                top: 20px !important;
                right: -23px !important;
                border: 12px solid transparent !important;
                border-right-color: rgb(245, 245, 245) !important;
                -moz-border-right-colors:  !important;
                border-left: none !important;
            }
           
                .messageUserBlock .arrow span
                {
                    top: -12px !important;
                    left: 1px !important;
                   
                    border: 12px solid transparent !important;
                    border-right-color: rgb(245, 245, 245) !important;
                    -moz-border-right-colors: rgb(245, 245, 245) !important;
                    border-left: none !important;
                }
               
                .Responsive .redactor_toolbar li a
    {
    text-indent: 0px;
    text-align: center;
    background-image: none !important;
    }
    .Responsive .redactor_toolbar li a:before, html .redactor_dropdown a:before
    {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: @textCtrlText;
    line-height: 24px;
    }
    html .redactor_toolbar li a:hover
    {
    background-image: none !important;
    }
    html .redactor_dropdown a
    {
    padding-left: 0 !important;
    background-image: none !important;
    }
    html .redactor_dropdown a:before
    {
    margin-right: 10px;
    }
    html.Responsive .redactor_toolbar li a.redactor_btn_bold:before
    {
    content: "\f032";
    }
    html .redactor_toolbar li a.redactor_btn_italic:before
    {
    content: "\f033";
    }
    html .redactor_toolbar li a.redactor_btn_underline:before
    {
    content: "\f0cd";
    }
    html .redactor_toolbar li a.redactor_btn_fontcolor:before
    {
    content: "\f042";
    }
    html .redactor_toolbar li a.redactor_btn_fontsize:before
    {
    content: "\f034";
    }
    html .redactor_toolbar li a.redactor_btn_fontfamily:before
    {
    content: "\f031";
    }
    html .redactor_toolbar li a.redactor_btn_createlink:before
    {
    content: "\f0c1";
    }
    html .redactor_toolbar li a.redactor_btn_unlink:before
    {
    content: "\f127";
    }
    html .redactor_toolbar li a.redactor_btn_alignment:before
    {
    content: "\f036";
    }
    html .redactor_toolbar li a.redactor_btn_unorderedlist:before
    {
    content: "\f0ca";
    }
    html .redactor_toolbar li a.redactor_btn_orderedlist:before
    {
    content: "\f0cb";
    }
    html .redactor_toolbar li a.redactor_btn_outdent:before
    {
    content: "\f03b";
    }
    html .redactor_toolbar li a.redactor_btn_indent:before
    {
    content: "\f03c";
    }
    html .redactor_toolbar li a.redactor_btn_smilies:before
    {
    content: "\f118";
    }
    html .redactor_toolbar li a.redactor_btn_image:before
    {
    content: "\f03e";
    }
    html .redactor_toolbar li a.redactor_btn_media:before
    {
    content: "\f008";
    }
    html .redactor_toolbar li a.redactor_btn_insert:before
    {
    content: "\f067";
    }
    html .redactor_toolbar li a.redactor_btn_draft:before
    {
    content: "\f0c7";
    }
    html .redactor_toolbar li a.redactor_btn_undo:before
    {
    content: "\f0e2";
    }
    html .redactor_toolbar li a.redactor_btn_redo:before
    {
    content: "\f01e";
    }
    html .redactor_toolbar li a.redactor_btn_removeformat:before
    {
    content: "\f12d";
    }
    html .redactor_toolbar li a.redactor_btn_switchmode:before
    {
    content: "\f0f6";
    }
    html .redactor_dropdown a.alignLeft:before
    {
    content: "\f036";
    }
    html .redactor_dropdown a.alignCenter:before
    {
    content: "\f037";
    }
    html .redactor_dropdown a.alignRight:before
    {
    content: "\f038";
    }
    .redactor_dropdown a.quote:before
    {
    content: "\f10d";
    }
    .redactor_dropdown a.spoiler:before
    {
    content: "\f024";
    }
    .redactor_dropdown a.code:before
    {
    content: "\f121";
    }
    .redactor_dropdown a.strikethrough:before
    {
    content: "\f0cc";
    }
    .redactor_dropdown a.saveDraft:before
    {
      content: "\f0c7";
    }
    .redactor_dropdown a.deleteDraft:before
    {
      content: "\f014";
    }
    
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    Use the code above.

    The post you quoted was just example code, not using the actual notice classes.
     
  8. NinaMcI

    NinaMcI Active Member

    Thank you. This has worked :)
     

Share This Page