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

Sidebar Styling

Discussion in 'XenForo Questions and Support' started by Itworx4me, Mar 16, 2011.

  1. Itworx4me

    Itworx4me Well-Known Member

    How can I make the sidebar title appear like the gold titles in the forums?

  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Something like this?

    Screen shot 2011-03-17 at 9.11.54 PM.png

    I edited this template:

    Admin CP -> Appearance -> Templates -> EXTRA.css

    And I added this code:

    .sidebar h3
    	font-size: 11px;
    	color: @secondaryDarker;
    	background: @secondaryLighter url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    	padding: 5px 10px;
    	margin: 3px auto 0;
    	border-top: 1px solid @secondaryLighter;
    	border-bottom: 1px solid @secondaryLight;
    	padding: 5px 10px;
    	margin: 0;
    	border-bottom-color: @subHeading.border-bottom-color;
    	border-radius: 5px;
    	min-height: 6px;
    I copied the CSS for .nodeList .categoryStrip (the gold strip) from the node_list.css template and assigned it to .sidebar h3.
  3. Itworx4me

    Itworx4me Well-Known Member

    Thanks Jake :)
  4. DieselMinded

    DieselMinded Active Member

    How can i add a small shadow around my side blocks to make them stand out a little?
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Add this to EXTRA.css

    .secondaryContent {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    That will affect everything using that class though, so if you want to restrict it to sidebar blocks only then you will need to change the .secondaryContent class to the specific class for each block.
    maszd and DieselMinded like this.
  6. DieselMinded

    DieselMinded Active Member


    THANK YOU !!!!
  7. Brogan

    Brogan XenForo Moderator Staff Member

  8. DieselMinded

    DieselMinded Active Member

    check it out i added it to my node list and last post info http://www.royal4x4.com/index.php, looks awesome ... it doesn't however go up the right hand side of where my avatar and post count is on the side bar , its on the bottom but not up the right hand side like the rest of the side bar stuff
  9. Brogan

    Brogan XenForo Moderator Staff Member

    Looks good (y)
    DieselMinded likes this.

Share This Page