WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Reducing the number of circles in a row (16 posts)

  1. lizzietschornow
    Member
    Posted 10 months ago #

    Hello

    I think I have successfully changed my circles from posts to pages. Now I've done that I would like only 3 circles (pages) to show on each row (ideally two rows of three at the moment). Is there a way of controlling the number of circles/ pages per row?

    Many thanks

    Lizzie

  2. Andrew
    Forum Moderator
    Posted 10 months ago #

    Add this to your Child Theme style.css file:

    @media all and (min-width: 1201px) {
        #main {
            width: 80%;
            margin: 0 auto;
        }
    }
  3. lizzietschornow
    Member
    Posted 10 months ago #

    Thanks Andrew - will try that. Did you see my other query about making one of the pages a post?

    Thanks for all your help.

  4. lizzietschornow
    Member
    Posted 10 months ago #

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

  5. Andrew
    Forum Moderator
    Posted 10 months ago #

    Can you link the page in question?

  6. lizzietschornow
    Member
    Posted 10 months ago #

    It's my homepage: http://www.hellohr.co.uk

  7. Andrew
    Forum Moderator
    Posted 10 months ago #

    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;
    }
  8. lizzietschornow
    Member
    Posted 10 months ago #

    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

  9. Andrew
    Forum Moderator
    Posted 10 months ago #

    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;
        }
    }
  10. lizzietschornow
    Member
    Posted 10 months ago #

    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

  11. Andrew
    Forum Moderator
    Posted 10 months ago #

    You can do it through the dashboard, as long as it is the Child Theme style.css file that you're editing.

  12. lizzietschornow
    Member
    Posted 10 months ago #

    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.

  13. Andrew
    Forum Moderator
    Posted 10 months ago #

    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.

  14. Andrew
    Forum Moderator
    Posted 10 months ago #

    Will it be easy for me to use one of the pages as a blog?

    Not sure what you mean by this.

  15. lizzietschornow
    Member
    Posted 10 months ago #

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

  16. Andrew
    Forum Moderator
    Posted 10 months ago #

    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.

Reply

You must log in to post.

About this Theme

About this Topic