Reducing the number of circles in a row

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;
}
}

Can you link the page in question?

It’s my homepage: https://www.hellohr.co.uk

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

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

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.

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.

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.’

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.