Docs

[Jason A]

There used to be a contrast between the sidebar and the products at http://www.sisterlystitch,com, but the difference in the layers has gone away with the update. Could you help me get my website back to the way it displayed in the integrity demo.

Thank you for your help.

[Lely]

Hello Jason,

Thanks for writing in! Regretfully, at this time I am not entirely certain what you meant by contrast between products and sidebar based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[Jason A]

Thank you for your reply. The Attached Image shows the contrast or difference between the sidebar and the content in terms of colors. The background of content was white and the sidebar was a grey similar to what’s on the outside of this page. For some reason even on your integrity demo, the white background/grey sidebar changed with the update even on your woocommerce demo, to a completely grey background behind both. It’s washed out your design.

The Integrity Woocommerce Demo is now completely greyed out for a background – both the sidebar and content
http://demo.theme.co/shop-integrity/

There used to be a white background behind the shop or content, and the sidebar was grey. The image I used was from the ethos stack just to show the color difference or contrast because the integrity stack no longer has it.

My goal is to have the content (shop) with a white background, and the sidebar with the light grey background (same color that surrounds this page).

Thank you for your help.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.woocommerce .x-main.left:before {
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
    top: -35px;
    right: -4%;
    bottom: -10000em;
    bottom: -35px;
    width: 10000em;
    background-color: #fff;
    z-index: -1;
}

Hope that helps.

[Jason A]

This worked. The only thing still remaining grey that wasn’t before, is the top of the page which includes title and subtitle sections. I’ve attached an image showing the area. Any help changing this back would be most appreciated. Thank you as always for your help.

[Jason A]

Also, a random line has shown up the length of the padding for the shop where it says “showing 1 of 23 results.” I’ve attached an image showing the line. I would like to find a way to remove this as well. Thank you again.

[Christopher]

Hi there,

Please add this :

.woocommerce header.x-header-landmark.x-container.max.width{
    background-color: #fff;
    width: 100%;
    max-width: 100%;
margin-top:0;
}
.woocommerce .x-container.max.width.offset {
    margin-top: 35px;
}

I don’t see the line you’re referring to, please see the attachment.

Hope it helps.

[Jason A]

This worked! Now the title is off-centered, could you help me recenter the title? Thank you again.

[Christopher]

Please add this as well :

.home .h-landmark{
margin-right: auto;
    margin-left: auto;
    display: block;
    width: 80%;
}

Hope it helps.

[Author]

Posts