Sidebar Styling

[Itworx4me]

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

Thanks,
Itworx4me

 

[Jake Bunce]

Something like this?



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.

 

[Itworx4me]

Thanks Jake

 

[DieselMinded]

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

 

[Paul B]

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.

 

[DieselMinded]

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.

EXACTLY WHAT I WAS AFTER

THANK YOU !!!!

 

[Paul B]

 

[DieselMinded]

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

 

[Paul B]

Looks good