You need to add a background color of white to the #wrap div:
.wrap {
background-color: white;
margin: 0 auto;
max-width: 940px;
position: relative;
}
But be forewarned that unless you use a child theme, you will lose any changes when your theme is updated…
Also, just so you know the “same” themes are not necessarily the same between wp.com and wp.org versions.
Thread Starter
Luis
(@lrzuniga)
oh thank you!
It seems to work, except for the margins.
They white area around the content needs to be extended a bit.
Would that be done increasing the max-width?
THanks again!
Luis
Thread Starter
Luis
(@lrzuniga)
ah, I saw your other post and added the padding.
all good now.
Thanks!
Luis
Thread Starter
Luis
(@lrzuniga)
For those following the thread, here is the solution that worked for me:
1. edit styles.css found under Appearance/Editor
2. replace the following:
.wrap {
max-width: 940px;
margin: 0 auto;
position: relative;
}
with this:
.wrap {
background-color: white;
margin: 0 auto;
max-width: 940px;
padding: 0 30px;
position: relative;
}
done!
This doesn’t work for me. Somehow the changes get overwritten back to the default format. Any idea?
Appreciated any help on this!
Thanks.
Thread Starter
Luis
(@lrzuniga)
Are you changing the template on a self-hosted wordpress site?
I am having the same issue! I’ve tried the code but nothing happens, I’m using the oxygen theme on a self-hosted wordpress.
Thread Starter
Luis
(@lrzuniga)
Make sure you are editing the styles.css file. Do a search for the .wrap section and confirm it is the same as posted above. If it is not, you might not be in the right file.
Also note that if the theme is updated or re-installed, you will lose the changes.
Other than that, I can’t say why the changes might not be sticking.
What version of oxygen are you using?