WordPress.org

Ready to get started?Download WordPress

Forums

Spun
How To Change Order of Circles (As Pages) (9 posts)

  1. oliviap
    Member
    Posted 8 months ago #

    Hi Guys

    Thanks to some great help on the forum I am making good progress with my site oliviapoole.co.uk - thank you!

    I have an issue though. I would like to change the order of my circles - they are circles as (parent) pages rather than posts.

    I've looked through the forum and haven't found an answer.

    Because the order of the circles is reflecting the order of the page parents in the menu, they are essentially back to front - 'About' should be the first on the top row, left position, followed by 'Services' on the top row, middle position etc etc.

    Does anyone know how to help re-order the circles (as parent pages)?

    The code for them as parent pages for anyone wondering is <?php query_posts('post_type=page&post_parent=0'); ?>

    Thanks so much!

    Olivia

  2. oliviap
    Member
    Posted 8 months ago #

    Hi guys

    Since I wrote this I don't know what has happened but my menu order has changed.

    Please can someone help me to fix this, ihave no idea how this has happened.

    The menu order is not what is in the menu in my appearance tab: http://grab.by/rNi8 i tried deleting the menu and re-adding it and it is being overridden by this order of menu currently: oliviapoole.co.uk

    Menu order should be from Left to Right:

    About Me | Services | Portfolio | Blog | Tumblr | Contact

    I also want the same order for the circles from left to right.

    If anyone could help that would be great.

    thanks

  3. oliviap
    Member
    Posted 8 months ago #

    I forgot to mention It has also added a home menu in the nav which previously wasn't there!

  4. ShaiRoelud
    Member
    Posted 8 months ago #

    Hi Olivia,

    In order to change the order of the circles, you have to change the date they were published. Go to your pages in your dashboard and click the page you want last in line. Change "Published on" (right upper corner under Publish) to for instance January 1st, 2013. Click "Update".

    Next, go to the 2nd to last in line. Follow the same procedure but set it to January 2nd, 2013...and so on. That should work.

    Concerning the home menu item...you should be able to delete that under Appearances -> Menus. As to why the order is off. Somehow, WordPress seems to be organizing them in alphabetical order (except for the home button).

    Did you make sure that you selected the right menu under Customize -> Navigation? Under Appearance -> Menus, make a menu with the items you want in your top menu and in the right order (top to bottom is right to left I think). Name the menu for instance "Top Menu" and save it.

    Go to Customize and subsequently under Navigation choose "Top Menu" from the drop down list. Save and you should be good to go

    Hope this helps,
    Cheers,
    Roel

  5. oliviap
    Member
    Posted 8 months ago #

    Thank you so much for that, I have fixed both issues!

    It was because the menu had be de-selected under customise -> navigation.

    I had a coder friend toggle my menu to the left so just need to undo that and then the nav will look great!

    One last question, If I may.

    Do you know how to increase the width of the content pages on both the homepage (area where circles are), and the pages themselves i.e http://www.oliviapoole.co.uk/pageabout-me/

    Many thanks for your help, very kind!

    Olivia

  6. ShaiRoelud
    Member
    Posted 8 months ago #

    For some reason your site doesn't work but concerning your question...I hope you have a child theme in place. If not, maybe ask your coder friend about that.

    Try to locate the following in the theme's style.css (values may vary, these are from a site I built for my boss):

    .single .hentry,
    .error404 .hentry,
    .page .hentry,
    .search-no-results .no-results {
    	margin: 8em 10em 1.5em;
    	padding: 0px 0px;
    	width: 700px;
    	height: auto;
    	z-index: 10;
    }

    Copy-paste this in your child theme's style.css and play around with the values. You probably only need the width-value so it would look something like:

    .sticky {
    }
    .single .hentry,
    .error404 .hentry,
    .page .hentry,
    .search-no-results .no-results {
    	width: 1200px;
    }

    Hope this helps,
    Cheers,
    Roel

  7. ShaiRoelud
    Member
    Posted 8 months ago #

    Whoops, my last code contains .sticky { } Forget about that part. :)

  8. oliviap
    Member
    Posted 8 months ago #

    Hi Roel

    Thanks again for your time and help.

    I changed the code as per your suggestion, it has widened the content area however the area has only expanded to the right, so now the content looks more aligned to the right of the screen than the left, any ideas on how to make it equal weighted so it looks more centralised?

    Best & thank you

    Olivia

  9. ShaiRoelud
    Member
    Posted 8 months ago #

    Hi Olivia,

    I had a quick peek at your site, but cannot really see what you mean. When I look at your "About"-page, it looks pretty centered on my screen and in my browser. The circles on your homepage also look centered to me. So did you manage to fix it or am I missing something?

    Cheers,
    Roel

Reply

You must log in to post.

About this Theme

About this Topic