Home>Support>Center align page content

Center align page content

By DIZDNN, 3 years ago. Last reply by Andrew Misplon, 3 years ago.

Hi there

I have all settings as I want them to be using SO-CSS. Just one setting I can not find.
It is the setting to center the content of the white part of the pages of my site. That white part contains text, products, etc.

Can you help with the correct css code?

Wie ben ik?

Thanks
Kind regards,
Nico Cordewener

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 years, 8 months ago DIZDNN

    There is a second issue
    When I click a navigation button and I stay hovering over that button the buttons stays dark burgundy.
    When I click a navigation button and I leave that button before the page changes, the button becomes dark grey.
    I would like the button to say burgundy, but I can’t find the correct CSS code.

    Can you help?
    Thank you very much,
    Kind regards,
    Nico Cordewener

  2. 3 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Nico

    Thanks for reaching out.

    You can try:

    .site-main {
	margin: 0 auto;
}

    We can assist with small Custom CSS changes within our premium support scope. Ideally, for items like changing your theme navigation colors, theme support would be in the position to lend a hand. Please, let them know the issue, hopefully, they can assist.

  3. 3 years, 8 months ago DIZDNN

    Hi Andrew
    Thanks, but no result.

    Let’s try again. The two issues on my site are: doodiszodoodnogniet.nl

    1
    The setting to center the content of the white part of the pages of my site. That white part contains text, products, etc.
    2
    There is a second issue
    When I click a navigation button and I stay hovering over that button the buttons stays dark burgundy.
    When I click a navigation button and I leave that button before the page changes, the button becomes dark grey.
    I would like the button to say burgundy, but I can’t find the correct CSS code.

  4. 3 years, 8 months ago DIZDNN

    Hi Andrew
    I was to quick.
    Issue 1 is solved. Issue 2 is still open.
    Tanks,
    Nico

  5. 3 years, 8 months ago DIZDNN

    Hi Andrew

    All pages are centered, exept woocommerce shop (“https://doodiszodoodnogniet.nl/winkel/”)

  6. 3 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Nico

    Thanks for your replies.

    Within our free support scope, we can assist with questions linked to how SiteOrigin CSS functions but, unfortunately, on the whole, aren’t able to write snippets on request. We’d love to help but work with limited resources. Within our premium support scope, we have more freedom to assist with small Custom CSS changes. For adjustments to your menu, please, try reaching out to your theme author. They might be able to assist as changing theme color settings is a common request.

    For your shop page you can try:

    .inside-article {
	margin: 0 auto;
}

    If you’ve located a block-level element you can center it using margin: 0 auto; as I have above or margin-left auto, margin-right auto. The margin setting is available within the Layout section of the SiteOrigin CSS visual editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More