Alignment to the center its ok only in some pages

Support
#1

Hi

I did had some problem with the sidebars that did not shown on the side of a woo commerce place and it was fixed with the support reply on this post https://theme.co/apex/forum/t/no-sidebars-on-woocommerce/2363

The problem I have after it is that some pages are not correctly aligned to the center, they go right, here some examples…

The Shopping Cart - http://huellasdeamor.es/carrito/

About Page - “Web”/conocenos

Instead, some like the Home still right aligned to the center…

Any idea?

Thx in advance

#2

Hi There,

Add the following CSS under Customizer > Custom > Global CSS:

.page-id-15 .x-main,
.page-id-67 .x-main {
    width: 100%;
}

.page-id-15 .x-sidebar,
.page-id-67 .x-sidebar {
    display: none;
}

Hope it helps :slight_smile:

#3

Hi

It looks like works at first because the shopping cart and the about us pages get center align but for example, the checkout webpage still not working…

http://huellasdeamor.es/finalizar-compra/

#4

Hello There,

The code above is only for the shop page and about page. If you want to include the check out, please update the code and make sue of this code:

.page-id-15 .x-main,
.page-id-16 .x-main,
.page-id-67 .x-main {
    width: 100%;
}

.page-id-15 .x-sidebar,
.page-id-16 .x-sidebar,
.page-id-67 .x-sidebar {
    display: none;
}

Hope this helps. Please let us know how it goes.

#5

Hi, I think I did try all the ways but it still not going… if I use this code on the shopping cart css the shopping cart disapears and even if I add the tag again to the main description it disappears or appears on the right. I mean, the I add the custom css to a woocommerce page, the tag they have on the webpage disappears, and appears [cs_content][/cs_content] so after save you can see the shopping cart or even the check out… If I use it on global css it works fine on the shopping cart but not on the checkout page…

#6

Hi there,

Would you mind providing your admin details so that we can take a look and do some test?

Thank you.

#7

Hi, here they are…

Its a pre-production web so feel free to make any update

thx in advance

#8

Hi There,

I can see where you’re at. Those CSS should go to X > Launch > Theme Options > CSS. CSS added here means that it will be available sitewide. Remove it from Cornerstone page because CSS added on Cornerstone page will only work that page alone. Don’t edit the woocommerce page using Cornerstone because it’s content is controlled by a template by default. Since those CSS is intended to work for multiple pages, it should be added on the global CSS options here: X > Launch > Theme Options > CSS

Hope this helps.

#9

Hi!! It works! Thx for all!!

#10

Glad to hear that. :slight_smile: