Hey, not quite sure what you mean by “content page style”. Do you mean the page background? Can you post a link?
Hannah
Thread Starter
snp_85
(@snp_85)
Yes. The page background (not the body background).
I mean, when you create a page, or write a post in a blog, the “content” of it, it’s in a opacity box.
Something like that (example) :
http://schwarttzy.com/wp-content/shoppthings/AdventureTheme.jpg
Hmm, try adding this to your custom css box in theme options > advanced settings:
.boxed .contentclass {
opacity: .9;
}
If that doesn’t work please post a link to your site.
Hannah
If your wanting just the background color to have opacity you would use this css:
.contentclass {
background: rgba(255,255,255,.9);
}
Kadence Themes
Thread Starter
snp_85
(@snp_85)
.contentclass {
background: rgba(255,255,255,.9);
}
Thanks, that worked for me.
But what I really wanted is not the whole background, it’s just where the text is. I mean, kind of a “box” as in example link I’ve posted.Any way to determine the borders of this opacity background.
So with the theme you can use the boxed layout. (theme options > main settings) and that css above will only effect the box not the full width. See here: http://themes.kadencethemes.com/virtue2/
Or you can add your own divs around the content with custom code so it’s in pieces like the image you sent but the theme html isn’t set up for that to be easy. wasn’t in the design.
As for borders you can use css borders… like:
.contentclass {
border:2px solid #444;
}
Kadence Themes
Thread Starter
snp_85
(@snp_85)
True.
But the case of boxed style, there are kind of transparent borders in the header and footer, what I really would like is the .contentclass style only visible boxed. How I can make header and footer convex borders disappear?
The boxed style adds a wrapper around the header, footer and content, it’s that wrapper that has the small box shaddow.
You can try using the wide layout and adding this css:
.wrap.contentclass {
margin: 0 auto;
max-width: 1200px;
}
Kadence Themes
Thread Starter
snp_85
(@snp_85)
and where I can set the opacity of a header?
I mean —> Header Background Color —-> set to transparent but with the opacity
Hey, try something like this:
.headerclass {
background: rgba(255,255,255,.9);
}
Hannah
