Css advice woocommerce

I am using this css for the dimension of the page . How can i add exception where i wish to show full page ?

#x-root {
max-width: 1300px;
margin: 0 auto;
background-color: white;

it is working fine but i wish to use all the display for woocommerce and so , how can i create an exception list of two pages using their ids ? thanks

Hi there,

Thanks for writing in! You can use .woocommerce selector to target the WooCommerce pages, try adding the following code in the Theme Options > CSS:

.woocommerce #x-root {
    width: 100%;
    max-width: 100%;

To find page / post ID’s you can check out https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59

Hope this helps!

ok thanks it is working great . And how can I do it by id of normal wordpress page ? with is the code ? thanks for them , could be possible to give me an example with two random IDs. thanks :wink:

Hi There,

You can try with this custom CSS:

.page-id-123 #x-root,
.page-id-456 #x-root {
width: 100%;
max-width: 100%;

Hope it helps :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.