Centering Everything?

Hi there. I love your Chrome extension, but I’m not well versed in CSS. Can you tell me how I could change the generated CSS so that everything is Center-Aligned instead of Left-Aligned?

Here’s my current, automatically generated, CSS: `#main a { font-family: “Cantarell”; }

main a { font-size: 2.2em; }

main a { color: #3a3a3a; }

body { background-color: #ebebeb; }

main a:hover { background-color: #a37eff; }

main a:hover { color: #ebebeb; }

main a:hover { box-shadow: 0 0 33.31899999999999px #553fb9; }

body { background-image: url(); } body { background-image: url(); } body { background-position: left top; } body { background-repeat: repeat; } body { background-size: auto; }

main a:hover { box-shadow: 0 0 33.31899999999999px #553fb9; }

main a { border-radius: 1.5em; }

main a { -webkit-transition-duration: 0.2s; }

main a { line-height: 5.6; padding-left: 2em; padding-right: 2em; }

main { width: 400px; }

main { left: 6.280000000000001%; }

main { margin-top: 25.28px; }

.wrap { -webkit-transition-duration: 0.2s; }

options_button { opacity: 0; }

main { margin-top: 80px; width: 1000px; }

`

Any advice or even something I could copy and paste would be awesome!

Thanks a lot 😃

~ Ev

[ibillingsley]

Try, in Custom CSS:

#main { text-align: center; }

[ibillingsley]

Still I think it would be good to have an option for alignment in the UI without requiring custom CSS.