Navbar - How do you change the trimming color?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • q22inc
    Senior Member
    • Mar 2007
    • 193

    Navbar - How do you change the trimming color?

    Here's a pic to show what I mean.

    I'm talking about the navy blue. I can't find that in the styles area of the admin panel.
    Attached Files
  • peterska2
    Senior Member
    • Oct 2003
    • 8869
    • 3.7.x

    #2
    It's in the additional CSS definitions box of the table border CSS Class.

    Comment

    • q22inc
      Senior Member
      • Mar 2007
      • 193

      #3
      Originally posted by Kerry-Anne
      It's in the additional CSS definitions box of the table border CSS Class.
      Are you talking about the Extra CSS Attributes

      under the table border section? Well, to the right of it, technically.

      Comment

      • Nick
        Senior Member
        • Feb 2008
        • 3507
        • 3.8.x

        #4
        No, it's in the border class of the CSS Definitions box... like Kerry-Anne stated.
        Scroll all the way down on the "Main CSS" page.
        Regards,
        Nick

        Comment

        • q22inc
          Senior Member
          • Mar 2007
          • 193

          #5
          Originally posted by Nick
          No, it's in the border class of the CSS Definitions box... like Kerry-Anne stated.
          Scroll all the way down on the "Main CSS" page.
          You mean this little nifty thing?

          PHP Code:
          /* ***** styling for 'big' usernames on postbit etc. ***** */
          .bigusername font-size14pt; }

          /* ***** small padding on 'thead' elements ***** */
          td.theaddiv.thead padding4px; }

          /* ***** basic styles for multi-page nav elements */
          .pagenav a text-decorationnone; }
          .
          pagenav td padding2px 4px 2px 4px; }

          /* ***** define margin and font-size for elements inside panels ***** */
          .fieldset margin-bottom6px; }
          .
          fieldset, .fieldset td, .fieldset p, .fieldset li font-size11px; }

          /* ***** don't change the following ***** */
          form displayinline; }
          label cursor: default; }
          .
          normal font-weightnormal; }
          .
          inlineimg vertical-alignmiddle; }

          /* Tab Menu */

              #tabsF {
                
          float:right;
                
          width:100%;
          /*       background:#efefef; */
                
          font-size:93%;
                
          line-height:normal;
                
          border-bottom:1px solid #666;
                
          }
              
          #tabsF ul {
                
          margin:0;
                
          padding:10px 10px 0 50px;
                list-
          style:none;
                }
              
          #tabsF li {
                
          display:inline;
                
          margin:0;
                
          padding:0;
                }
              
          #tabsF a {
                
          float:right;
                
          background:url("http://www.spurs-forum.com/Images/tableftF.gif"no-repeat left top;
                
          margin:0;
                
          padding:0 0 0 4px;
                
          text-decoration:none;
                }
              
          #tabsF a span {
                
          float:right;
                
          display:block;
                
          background:url("http://www.spurs-forum.com/Images/tabrightF.gif"no-repeat right top;
                
          padding:5px 15px 4px 6px;
                
          color:#666;
                
          }
              
          /* Commented Backslash Hack hides rule from IE5-Mac \*/
              #tabsF a span {float:none;}
              /* End IE5-Mac hack */
              #tabsF a:hover span {
                
          color:#FFF;
                
          }
              
          #tabsF a:hover {
                
          background-position:0% -42px;
                }
              
          #tabsF a:hover span {
                
          background-position:100% -42px;
                } 
          I don't see where it says border class though.

          That was in the Main CSS at the very bottom under Additional CSS definitions.

          Comment

          • Nick
            Senior Member
            • Feb 2008
            • 3507
            • 3.8.x

            #6
            Try looking in the second box at the very bottom.

            This is what's in mine:
            Code:
            .border { border-left: 1px solid #9E9E9E; border-right: 1px solid #9E9E9E; }
            Regards,
            Nick

            Comment

            • q22inc
              Senior Member
              • Mar 2007
              • 193

              #7
              Originally posted by Nick
              Try looking in the second box at the very bottom.

              This is what's in mine:
              Code:
              .border { border-left: 1px solid #9E9E9E; border-right: 1px solid #9E9E9E; }
              Here's a screen shot of the bottom of my "main css" template screen.
              Attached Files

              Comment

              • peterska2
                Senior Member
                • Oct 2003
                • 8869
                • 3.7.x

                #8
                Main CSS > Table Border > Additional CSS Definitions

                It is in the right hand side of the table border class section. (which is the same as what I said in post #2)

                Comment

                • q22inc
                  Senior Member
                  • Mar 2007
                  • 193

                  #9
                  Great, thank you so much Kerry-Anne. For this thread, and the countless others you helped in.

                  Comment

                  widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                  Working...
                  😀
                  😂
                  🥰
                  😘
                  🤢
                  😎
                  😞
                  😡
                  👍
                  👎