We build. You grow.
Get best community software hereStart a social network, a fan-site, an education project with oxwall - free opensource community software
Plugin | Forum
Is there any plugin to change the background color of the site? The members do not like the white!
Which color do you want to change??? Canvas or site body???
Goto yoursite.com/admin/theme/css and add the css code below (depending on what you want to change) to your custom css and save.
Use this css code to change the canvas background color:
.ow_canvas{
background:#color code;
}
And this one to change the site body color:
body{background:#color code;}
Use this tool to generate color codes http://www.ewtnet.com/p/hex-color-code-chart-generator.html
Let me know if this is what you wanted to achieve.
.ow_main_menu span {
background:#A81B6A;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background-color 0.2s, margin-top 0.2s;
/* Saf3.2+, Chrome */ -moz-transition: background-color 0.2s, margin-top 0.2s;
/* FF4+ */ -ms-transition: background-color 0.2s, margin-top 0.2s;
/* IE10 */ -o-transition: background-color 0.2s, margin-top 0.2s;
/* Opera 10.5+ */ transition: background-color 0.2s, margin-top 0.2s;
}
.ow_main_menu a:hover span{
background:#FFD204;
margin-top:0;
}
.ow_main_menu span:before{
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #9B8651;
border-bottom:0.5em solid #fff;
}
.ow_main_menu span:after{
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #9B8651;
border-bottom:0.5em solid #fff;
}
.ow_main_menu a:link, .ow_main_menu a:visited{
color:#000;
text-decoration:none;
float:left;
height:3.5em;
overflow:hidden;
}
.ow_main_menu:after, .ow_main_menu:before{
margin-top:0.5em;
content: "";
float:left;
border: 1.5em solid #A81B6A;
}
.ow_main_menu:after{
border-right-color:transparent;
}
.ow_main_menu:before{
border-left-color:transparent;
paste this code in your custom css to change your body bg color to dark blue.
body{
background:#0B1A7B;
}
The code you pasted above is to change the main menu styles.
paste this code in your custom css to change your body bg color to dark blue.
body{
background:#0B1A7B;
}
+1
but to be sure add the keyword "important"
body{
background:#0B1A7B !important;
}
But note that if your theme has background image, it might be a problem
Team
