center content on page

[sido]

Hello,

Can someone please tell me how to get my content to center align horizontally on the page? When viewing on a larger screen, the content appears to be to be more on the left. Thanks in advance!

http://www.xavierdurante.com

http://www.xavierdurante.com

[Davinder Singh Kainth]

In style.css file

change...

.site-inner {
    clear: both;
    margin-top: 77px;
    padding: 10% 45px;
    padding-bottom: 10px;
}

to...

.site-inner {
    clear: both;
    margin-top: 77px;
    padding: 10% 5%;
    padding-bottom: 10px;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[sido]

Thank you so much for your response, Davinder.

I tried what you suggested and I don't see much of a difference--the header and content area are still more to the left instead of centered.

If you notice, my social icons and footer info is centered to the page. But my header and content are left aligned. Any ideas?

Thanks again!

[emasai]

This tag .entry, .page.page-template-page_blog-php .entry containing your photos has a max-width of 900px, to center it add margin: 0 auto to the css.

You can also remove the max-width of your header line 1135 in css so that the header stays centered.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[sido]

That worked wonderfully for the photos--thank you so much!

Regarding the header, I see what you're saying, but is there a way to center the header and keep it left and right aligned with the the page content? As it is now, the header extends far beyond the content on both sides.

[emasai]

Did you change the widths, as I am seeing 75% width on the site container and the header, so it stretches with the browser width.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts