WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
Center Primary Menu (7 posts)

  1. chrisnomad
    Member
    Posted 1 year ago #

    I have tried the several suggestions but to center primary menu buttons but to no avail. I've also posted for help on this a couple of times under Oxygen theme (that's the theme I modified) but haven't received any responses.

    Could you please help me out with some advice on how to center the primary navigation buttons for this (test) site:
    http://purewebsites.co.nz/wp/lastparadiselocal/

    Thank you

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Why is there so much stuff in your Child Theme style.css file?

  3. chrisnomad
    Member
    Posted 1 year ago #

    Stuff to modify the look of the theme. Do you see stuff there that shouldn't be?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Nope, but if you have copied all of the stylesheet over as well as using the "@import" line, you're duplicating it unnecessarily.

    To center the menu, add this:

    .site-navigation .nav-menu {
     display: table;
     margin: 0 auto;
    }
  5. chrisnomad
    Member
    Posted 1 year ago #

    Yes got it thank you Andrew. Looks a lot better. Not sure how I got so much stuff pasted in the child theme. Will this slow the site down? Should I post it into the custom css manager instead? Thanks so much.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Will this slow the site down?

    Yes, but it's unlikely to slow it down by much. CSS files are not that big to begin with.

    Should I post it into the custom css manager instead?

    Nope, although you could. The Child Theme style.css file and Custom CSS Manager plugin both can hold your CSS modifications, but it's best to keep them in one place so it's easier to organise.

  7. chrisnomad
    Member
    Posted 1 year ago #

    Sorry to be a pain. I'm having problems changing the colour of the headings (H1, H2 etc). Have tried adding this code to CSS manager:
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6 {
    color: #FFFF;

    If you look in the child style.css file I've also changed the colour to white (#FFFF) but it remains darkish grey. I wonder if this is being over ridden somewhere? Many thanks for your help.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic