Center Circles, Keep Links Right

  • clu320

    (@clu320)


    10 years, 9 months ago

    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

    (@siobhyb)

    10 years, 8 months ago

    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.