Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Add this to your Child Theme style.css file:
@media all and (min-width: 1201px) {
#main {
width: 80%;
margin: 0 auto;
}
}
Thanks Andrew – will try that. Did you see my other query about making one of the pages a post?
Thanks for all your help.
Hi Andrew
I tried it and it doesn’t seem to have done anything – still showing 5 circles (pages) per row.
My child theme style.css file looks like this:
/*
Theme Name: spun-child
Theme URI: http: //mysite.com/
Description: This is a custom child theme I have created.
Author: My Name
Author URI: http: //mysite.com/
Template: spun
Version: 1.07
*/
@import url(“../spun/style.css”);
@media all and (min-width: 1201px) {
#main {
width: 80%;
margin: 0 auto;
}
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you link the page in question?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
In your “Custom CSS” (or similarly named) part of the dashboard replace this:
#masthead img,
.main-navigation,
#main {
display: table;
margin: 0 auto;
float: none;
width: auto;
}
With this:
#masthead img,
.main-navigation {
display: table;
margin: 0 auto;
float: none;
width: auto;
}
Hi Andrew
Thanks I have 4 in a row now, which I may be able to work with. If I wanted to move to 3 what would I need to do?
Thanks
Lizzie
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
In your Child Theme style.css file replace this:
@media all and (min-width: 1201px) {
#main {
width: 80%;
margin: 0 auto;
}
}
With this:
@media all and (min-width: 1201px) {
#main {
width: 60%;
margin: 0 auto;
}
}
Can I paste this directly into the stylesheet through my dashboard or do I need to update the root file and re upload through the FTP?
Thanks
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You can do it through the dashboard, as long as it is the Child Theme style.css file that you’re editing.
Thanks Andrew – that’s brilliant! Will it be easy for me to use one of the pages as a blog? Do I need to change one of the circles to a post instead of a page to achieve this?
I really appreciate all of your help.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
A step back a minute, could you use this in your Child Theme style.css file instead:
@media all and (min-width: 1201px) {
.blog #main {
width: 60%;
margin: 0 auto;
}
}
Otherwise it’ll affect other pages that you don’t want affected.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Will it be easy for me to use one of the pages as a blog?
Not sure what you mean by this.
I’d like 5 of the 6 circles on my home page to link through to static pages and the other circle to link through to a blog, so I guess to function as a post rather a page?
Do I still need to make the change you suggested here:
‘A step back a minute, could you use this in your Child Theme style.css file instead:
@media all and (min-width: 1201px) {
.blog #main {
width: 60%;
margin: 0 auto;
}
}
Otherwise it’ll affect other pages that you don’t want affected.’
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I’d like 5 of the 6 circles on my home page to link through to static pages and the other circle to link through to a blog,
I think you should stick to that other thread you started about this.
Do I still need to make the change you suggested here:
Yep.
