We build. You grow.
Get best community software hereStart a social network, a fan-site, an education project with oxwall - free opensource community software
Fixed Background | Forum
Nicholas Anderson
Mar 4 '12
I'm currently using the theme graphite plus and I would like the background to be fixed, so the text a the transparent white background moves but the main background doesn't. Can some one help?
Nicholas Anderson
Mar 6 '12
Take a look at my website: http://www.andersoncentral.net/ I need the black pattern background to stay put (fixed)
The Forum post is edited by Nicholas Anderson Mar 6 '12
DeFender
Mar 6 '12
just replace
.ow_page_container
{
background-color: #fff;
background-image: url('http://andersoncentral.net/...s/theme_image_45.jpg'); /** OW_Control type:image, key:backgroundImage, section: 1. General Settings, label: Page background image **/
background-attachment: fixed;
}
.ow_page_container .ow_page
{
padding: 35px 18px 18px;
min-height: 400px;
color: #333;/** OW_Control key:textColor **/
background-color: #F1F1F1;
opacity:0.7;
filter:alpha(opacity=70);/** for IE **/
}
you can change the opacity and background-color #F1.....
thats all:)
.ow_page_container
{
background-color: #fff;
background-image: url('http://andersoncentral.net/...s/theme_image_45.jpg'); /** OW_Control type:image, key:backgroundImage, section: 1. General Settings, label: Page background image **/
background-attachment: fixed;
}
.ow_page_container .ow_page
{
padding: 35px 18px 18px;
min-height: 400px;
color: #333;/** OW_Control key:textColor **/
background-color: #F1F1F1;
opacity:0.7;
filter:alpha(opacity=70);/** for IE **/
}
you can change the opacity and background-color #F1.....
thats all:)
The Forum post is edited by DeFender Mar 6 '12
DeFender
Mar 7 '12
wrap {component class='BASE_CMP_Console'} with new divs in ddindex and general template files
create rule for div in base.css
like
.ow_fixlogin
{
z-index:3;
position: fixed;
top: 0;
width:100%;
}
create rule for div in base.css
like
.ow_fixlogin
{
z-index:3;
position: fixed;
top: 0;
width:100%;
}
