Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
This stuff is controlled by CSS:
#page {
max-width: 100%;
}
hmmmm
I’ve tried implementing the css you recommended, yet my problem still persists.
No idea what’s going on here.
zv
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I placed that snippet with the correct page id at the bottom of the css stylesheet. I use the plugin WP Editor by Benjamin Rojas to access that file. Other style changes that I have made there (such as custom navigation colors for hover) have worked, so I’m assuming that was the right place to go with it.
zv
Also just tried placing it in other style.css files. Still no dice.
Are you using a browser tool like Firebug to look at what’s going on with the CSS? Seems that the width is being constrained here:
#main {
float: left;
padding: 20px 0;
width: 70%;
}
Looks like changing that 70% to 100% did the trick, however I only want this page to be at 100% and not the entire website. I tried targeting the page id and #main, but that didn’t work. I’m sure there’s a simple solution for this problem that I just haven’t been exposed too, so if you can help me out just a little further I’d be forever grateful.
Also if you can post a link(s) for firebug and how to use it, I’ll try to pick that up so that I don’t have to keep bothering people for help.
zv
If you look at the body tags it shows you the page-specific class to use:
<body class="page page-id-1541 page-template page-template-page-templatesfull-width-php custom-background full-width custom-font-enabled">
So try:
.page-id-1541 #main {
...
YOU ARE MY HERO!
Thank you very much for your help in this, have an awesome New Year!
LOL – you’re welcome and happy new year to you too :)!
