I just installed woocommerce on my X-theme site.
All the woocoomerce pages generated are using the container style which doesn’t fit with the rest of my site.
Since the template of containers is a X theme feature, I was hoping you could advise how to change this to blank no container.
Update:
I want all that black stuff gone.
Aparent from removing the container, I also need to know how to change the color of that black background site wide.
Ideally with the option to set a different color for the footer.
I also need to know what dictates the colors of highlighted, accented, and link colors. I can’t find whats setting those
I’d give you the link to the site, but it’s only on localhost at the moment.
Hello @royalcrown28,
Thanks for writing in!
Which stack are you using? Please go to Pro > Theme Options > Layout & Design > Background Options and change the background color. You should also be able to change the background color of the footer in Pro > Theme Options > {your stack}.
Hope this helps.
Update:
I want all that black stuff gone.
Aparent from removing the container, I also need to know how to change the color of that black background site wide.
Ideally with the option to set a different color for the footer.
I also need to know what dictates the colors of highlighted, accented, and link colors. I can’t find whats setting those
I’d give you the link to the site, but it’s only on localhost at the moment.
I’m using integrity
Hello @royalcrown28,
Thanks for writing in!
Which stack are you using? Please go to Pro > Theme Options > Layout & Design > Background Options and change the background color. If you already change background color, you may need to update the background image or pattern. Please upload and image and delete it afterwards. This step, uploading and removing of the background image, only to make that the background option is updated.
You should also be able to change the background color of the footer in Pro > Theme Options > {your stack}. To change the default color of the footer, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)
body .x-colophon {
background-color: red;
}
The site link colors can be change in Pro > Theme Options > Typography > Site Links.
Hope this helps.
The CSS didn’t change anything
And Theme options aren’t changing the color of the container or the footer.
For example this is my about page
I want the rest of the site to be more consistent with this, I want that same background color, but I also want no container.
Hello @royalcrown28,
it is best that you set up a staging site that we can access it so that it would be easy for us to identify and provide a solution. Having your it in you localhost will be difficult and will just be a hit and miss solutions. I would recommend that you use WP Engine, Pantheon.io or flywheeel site where you can set up and online staging site.
Once you have provided it, we would be happy to assist you further.
Ok will do
Thank you.
My mistake please try this instead
Hello @royalcrown28,
Thanks for updating the thread.
You can add following CSS under Pro > Theme Options > CSS:
.woocommerce .x-site {
background-color: rgb(120, 114, 152) !important;
color: #fff;
}
.woocommerce-ordering, .woocommerce-result-count {color: #fff;border-color: rgb(139, 148, 201);}
.entry-wrap {
border: 0 !important;
box-shadow: none;
}
.x-nav-tabs {
border: 0;
}
.x-tab-content, .x-nav-tabs>li>a {
background-color: rgb(120, 114, 152) !important;
}
If you would like to know how I have found the proper CSS code selector then please take a look at Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g
Thanks.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.