WordPress.org

Support

Support » Themes and Templates » Center Circles, Keep Links Right

Center Circles, Keep Links Right

  • Hi there,

    I wanted to make my circles on my homepage centered so I entered this into my custom CSS plugin.

    #masthead img,
    .main-navigation,
    #main {
    display: table;
    margin: 0 auto;
    float: none;
    width: auto;
    }

    #colophon {
    text-align: center;
    }

    It was successful, however, how my “ABOUT ME” and “HOME” links have been centered as well but I would prefer to keep those aligned to the right.

    My site is:
    carolynlu.com

    Any help is appreciated. Thank you!

Viewing 1 replies (of 1 total)
  • Siobhan Bamber (siobhyb)
    Automattic Happiness Engineer

    @siobhyb

    Hey. If you only want to centre the circles, then you only need to target the #main selector in your CSS, you don’t need to target #masthead img or .main-navigation. Editing your above CSS accordingly would leave it as:

    #main {
    display: table;
    margin: 0 auto;
    float: none;
    width: auto;
    }

    Let me know if this works or if you need any more help. 🙂

Viewing 1 replies (of 1 total)
  • The topic ‘Center Circles, Keep Links Right’ is closed to new replies.