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

Sidebar Heading

Discussion in 'Styling and Customization Questions' started by Matthew2D, May 20, 2012.

  1. Matthew2D

    Matthew2D Active Member

    How do I make this my sidebar heading?

    Code:
    .nodeList .categoryStrip
    {
    font: normal 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    color:white;
    background: #707070  url(images/buttons/newbtn_middle.png) repeat-x;
    padding: 4px 10px 4px 10px;
    border: 1px solid #5A7F97;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    }
    
     
  2. Matthew2D

    Matthew2D Active Member

    Anyone?
     
  3. Chris D

    Chris D XenForo Developer Staff Member

    The correct element in CSS for the heading of each sidebar item is:

    Code:
    .sidebar .section .secondaryContent h3
    So I guess putting into EXTRA.css:

    Code:
    .sidebar .section .secondaryContent h3
    {
    font: normal 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    color:white;
    background: #707070  url(images/buttons/newbtn_middle.png) repeat-x;
    padding: 4px 10px 4px 10px;
    border: 1px solid #5A7F97;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    }
    Should do it.
     
  4. Matthew2D

    Matthew2D Active Member

    Thanks.
     
  5. Chris D

    Chris D XenForo Developer Staff Member

    Well, we've not got much to go on.

    In what way didn't it work? What are you trying to achieve?
     
  6. Matthew2D

    Matthew2D Active Member

    Got it to work. Had to add { and }

    What are the elements for the sidebar block excluding the heading.
     
  7. Chris D

    Chris D XenForo Developer Staff Member

    Indeed, I missed that :oops:

    Should be

    Code:
    .sidebar .secondaryContent
     

Share This Page