White background under text

dazine · Member · Jan 20, 2012 at 2:30 pm
Copy link

Add topic to favorites
Hi,
I’m using Structure theme for my blog and I would like to have a white background just under both side bar ant the midlle part and keep the triangle image around.
This would be a good exemple: http://poppytalk.blogspot.com/
or http://www.mode34b.com/
Also if possible to make it transparent.
This is to make the post more easy to read.
Thanks!

The blog I need help with is: (visible only to logged in users)
timethief · Member · Jan 20, 2012 at 8:17 pm
Copy link
Have you purchased an annually renewable custom design upgrade? See here > https://en.forums.wordpress.com/topic/structure-theme-container-on-top-of-background-image?replies=4
dazine · Member · Jan 23, 2012 at 1:13 pm
Copy link
it works! thanks!
What about making it a little transparent? Is it possible?
1tess · Moderator Emeritus · Jan 23, 2012 at 2:28 pm
Copy link
moved to CSS forum
designsimply · Member · Jan 23, 2012 at 4:51 pm
Copy link
You can make the background white for the top navigation menu and the content area, including the sidebars, using this CSS for the Structure theme:
```
.navbar, #content {
background: white;
}
```
Is that what you were looking to do?
designsimply · Member · Jan 23, 2012 at 5:05 pm
Copy link
And if you wanted to add a teeny bit extra padding to the left side sidebar and featured image, you might try this:
```
#sidebar_left, #homepagetop {
padding-left: 5px;
}

#homepagetop .textbanner {
margin-left: -5px !important;
}
```
dazine · Member · Jan 24, 2012 at 2:42 am
Copy link
Thanks for helping me!
I would like a transparent white backgroud. Just to make the post easier to read but allowing to see the triangles through. Like the side bar in twitter. I hope I can explain it well! :)
designsimply · Member · Jan 24, 2012 at 6:47 pm
Copy link
Here’s one way to do it:
```
.navbar, #content {
background-color: white;
background: rgba(255,255,255,.5);
}
```
The .5 adjusts the transparency. Note that much older browsers won’t have the transparency but will have a white background with this method.
dazine · Member · Jan 25, 2012 at 1:13 pm
Copy link
It works!!!
Thanksssssssss

No items found.