Docs

[rialbaphoto]

Hi! I have a website due to go live tomorrow (eek!) and I am finding it hard to get the shop to do what I want…

Here are my questions.. My login details are in the next comment.

1) I would like the header on “http://lovelcb.com/shop/” to show like the headers on “http://lovelcb.com/about/” and “http://lovelcb.com/shop/” – Full width and with no excessive gap above it.

2) I would like to bring the products a little higher towards the header.

3) I would like to give the entire Cart & Checkout pages “http://lovelcb.com/cart/” & “http://lovelcb.com/checkout/” a white background!

4) I would like to move “You May Be Interested In…” A little higher.

You guys are life savers! Thank you for your speedy help as always 🙂

[rialbaphoto]

This reply has been marked as private.

[Christopher]

Hi there,

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

.archive.woocommerce .x-container.max.width.offset {
    width: 100%;
    max-width: 100%;
}
.archive.woocommerce ul.products.cols-4 {
    width: 88%;
    margin: 0 auto;
}
p.woocommerce-result-count {
    margin-right: 6%;
    margin-top: 2%;
}
form.woocommerce-ordering {
    margin-left: 6%;
    margin-top: 2%;
}
body.page-id-455,body.page-id-456 {
    background-color: #fff;
}
.related.products.cols-3 {
    margin-top: 0;
}

#2 Remove section #4 which is empty.

Hope that helps.

[rialbaphoto]

Thank you!

There is still a huge gap above the header?

[Joao]

Hi There,

You have your landmark there and it is white,

To remove it please add the following code:

.h-landmark, .x-header-landmark {
display: none;
}

Hope that helps

Joao

[rialbaphoto]

Thanks, that got rid of most of the gap but it’s still larger than I’d like it to be? Any more help?

[rialbaphoto]

And I’d still like to move the products higher on http://lovelcb.com/shop/

Thanks!

[Christian]

For the gap, add the code below in your Appearance > Customize > Custom > CSS

.x-container.offset {
    margin: 0 auto 40px;
}

To move the products higher, please delete the empty fourth Cornerstone section in your shop page (see attachment)

Hope that helps. 🙂

[rialbaphoto]

Thanks for the first bit! Works a treat 🙂

I don’t quite understand what you mean by the second part?

[Jade]

Hi there,

There is a section on the page that is empty that is causing the space between the main content and the banner image. You could simply delete that empty section to get rid of the space or you can try this code:

.post-type-archive-product #x-section-4 {
   display: none;
}

Hope this helps.

[Author]

Posts