Centering – Vortex theme, I tried input code not working!

Hi,

I am trying to center the theme (nav bar and content) at the moment it’s left aligned. I have a general understanding of CSS but not in depth. I already tried these code in the Stylesheet and try going into the header but the css ends up showing up as text on the page.

body {
font-family: ‘Open Sans’, sans-serif;
font-size: 14px;
line-height: 21px;
background: #fff;
color: #2f2f2f;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}

.wrapper {
text-align:center;
}

/**
|————————
| =Header
|————————
*/

.container_header_top {
text-align:center;
padding-top: 20px;
padding-bottom: 20px;
}

#header {
text-align:center;

In this particular Vortext theme the setting allows you to change the body to center. I already tried that as default not working which doesn’t matter because I need to center everything. Here’s a link to my temp page as well.

body {
font-family: ‘Open Sans’, sans-serif;
font-size: 14px;
line-height: 21px;
background: #fff;
color: #2f2f2f;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}

.wrapper {
text-align:center;
}

/**
|————————
| =Header
|————————
*/

.container_header_top {
text-align:center;
padding-top: 20px;
padding-bottom: 20px;
}

#header {
text-align:center;