CSS style edit not showing, Social Share not working etc

[David Martin – Support]

Hi

4) Very strange, I cannot replicate this locally. Please use this:

.home .spb-row-container>div {
    overflow: hidden;
}

5) Please use this:

.product_list_widget.woocommerce .products .product {
    margin-bottom: 40px;
    margin-top: 40px;
}

Thanks,
David

[samanthacu]

This reply has been marked as private.

[David Martin – Support]

Hi,

The reason your CSS is not functioning is because of numerous CSS errors in your custom CSS.

Each of your media queries was missing a closing bracket } and there was a rogue quote mark at the end of all the CSS. I have fixed that for you.

You will now see the request margin addition for your products is working.

In your screenshot each of the red x icons in your CSS represented errors: http://postimg.org/image/66h260o2n These errors were from the above media query missing closing tags.

– David.

[samanthacu]

This reply has been marked as private.

[David Martin – Support]

No problem.

That page will use different CSS selectors.

For that page you will also need this for the top and bottom margins:

.woocommerce ul.products li.product.col-sm-4 {
    margin-top: 40px;
    margin-bottom: 40px;
}

Cheers,
David.

[samanthacu]

This reply has been marked as private.

[David Martin – Support]

Each of your media queries was again missing a closing bracket }.

In your screenshot each of the red x icons in your CSS represent CSS errors which you will need to validate and fix, you can use this: https://jigsaw.w3.org/css-validator/#validate_by_input

Do not remove those or copy in old code that has those missing.

I have again fixed that for you and you will now see all the CSS is working.

– David.

[samanthacu]

This reply has been marked as private.

[samanthacu]

This reply has been marked as private.

[David Martin – Support]

Hi,

1) A good host: WPEngine is what we recommend.

2) A plugin cache such as: W3 Total Cache

3) A CDN, we recomend MaxCDN.

4) Optimise your images, before uploading to WordPress. The smush.it plugin will also help reduce image size: https://wordpress.org/plugins/wp-smushit/.

The mobile version of the site is altered by using media queries, these change the layout depending on the screen size or device.

If you wanted to customise the layout, you would need to hire a web developer to assist you.

Thanks,
David.

[samanthacu]

Hi,

Okay thanks David.

I’m marking this as resolved. 🙂

[samanthacu]

Hello,

Do assist in marking this as resolved, I can’t seem to do it. Thank you!

[David Martin – Support]

Great, no problem!
-David.