You are here:Home»KB»Web Design»Design Elements, Styling, Effects and Code»Joomlashine»Set a background image or texture behind module positions and content
Thursday, 23 June 2016 17:19

Set a background image or texture behind module positions and content

Written by

This code allows you to set a background image or texture behind the content areas of a Joomlashine template. This will not work for all templates and might need some further work but it is a great starting point.

/*-- Set a background image or texture behind module positions and content --*/

/* Set Background Image - add to wiki */
#jsn-page {
	background: url("../custom/images/background.jpg") repeat scroll 0 0;
}

/* Make backgrounds transparent */
#jsn-topheader,
#jsn-header,
#jsn-body {
	background-color: transparent;
}

/* Remove large padding in reta content block */
#jsn-content {
	padding: 0;
}

/* Restore white to certain regions */
#jsn-topheader-inner,
#jsn-header-inner,
#jsn-content_inner {
	background-color: white;	
}

 

Read 1156 times