Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Let’s see the page that you want to change the width
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
yes. Is there a way to make the left and right margins not so big?
Hi there Jr,
I’m not sure if this is what you wanted but i took a look at your site and believe that this is what you wanted.
#page {
width: 90%;
}
Simply type that into your child theme or use your css plugin. If you need information on how to create a child theme simply click here
https://codex.wordpress.org/Child_Themes
If there’s anything else you need please feel free to ask.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You can reduce the margins, yes:
.page-id-25 .content-area {
margin: 0;
}
Wolf, the code you gave me changed the width of the page but not the width of the content in the page.
Andrew, the margins didn’t change
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Where did you put the CSS?
in the style.css
as well as a few css plug ins
So the thing I want to do is to expand the width of the content in the page.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I don’t see the CSS plugins on your site, install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications.
I installed it and added the plugin in. Your code moved it to the left a little more. but the width of the content doesn’t go to far to the right.
I added text to the page to show where the right margin starts.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try using Chrome’s developer tools to find this stuff out; https://developers.google.com/chrome-developer-tools/
E.g.: https://developers.google.com/chrome-developer-tools/docs/dom-and-styles
You can find out the CSS that’s causing the spacing. Padding is indicated in green. Margin, red. Elements, blue.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Hey Jr
Try this code in your css plugin and let me know if this is what you were shooting for.
.content-area {
width: 90% !important;
margin: 10px !important;
}
#post-25 {
width: 100%;
}
#page {
width: 90%;
}
