Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications:
Alternatively use your Child Theme style.css file to hold your CSS modifications:
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
max-width: 95%;
}
Thread Starter
Spaldo
(@spaldo)
Hi,
Thanks for the quick reply. Can you remove my other post in the wrong section?
I am using Custom CSS Manager and currently have the following in it:
#page {
margin-left: auto;
margin-right: auto;
}
#page { max-width: 970px; }
I tried adding the above code you posted below that code and it didn’t make any difference 🙁
Thanks.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Then you need to link the website with the problem
Thread Starter
Spaldo
(@spaldo)
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I strongly suggest changing your “wordpress” domain name: http://wordpressfoundation.org/trademark-policy/
Back to your issue…
Where exactly did you put the code I recommended (above)? http://wordpress.waverleyprimaryschool.com.au/?action=display_custom_css_code
Thread Starter
Spaldo
(@spaldo)
Thanks for that tip, this site is only in testing mode. Once it is changed it will not have word press in the sub-domain, it will be www.
I put the code as you listed in the Custom CSS Manager plugin.
Is it not displayed in that link?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It is there now, sorry I guess I didn’t clear my cache.
Wait, your website is so different from the original Twenty Fourteen theme that what I recommended just doesn’t apply to your customised theme.
What exactly did you mean by this:
I would like the text in the middle page to almost hit the sidebars and not have such a big gap.
Thread Starter
Spaldo
(@spaldo)
Thanks for the reply:
http://wordpress.waverleyprimaryschool.com.au/temp/nogap.jpg
Basically where the red lines are, I want that text hard up against the right sidebar. That empty space is being wasted.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Remove my above recommended code and add this instead:
.archive-header,
.comments-area,
.image-navigation,
.page-header,
.page-content,
.post-navigation,
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content footer.entry-meta {
margin: 0;
padding: 0;
}
.content-area,
.content-sidebar {
padding-top: 10px;
}
Thread Starter
Spaldo
(@spaldo)
Andrew, I cannot thank you enough. I have been searching Google and the forums for hours. I have tried many combinations of keywords and no dice.
You have replied super fast and it is now working exactly how I wanted it!
Thank you again.
Thread Starter
Spaldo
(@spaldo)
I have one last question, if you can assist, because I changed the page width, when you scroll down, the menu bar goes very strange and to the right off the screen.
Do you know how that can be fixed?
Thanks again
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Sorry I can’t see an issue when I scroll down. Can you open a new thread about that http://ww.wp.xz.cn/support/theme/twentyfourteen#postform
