Shop page styling help

[markmuz]

hey folks,

Almost there with my spanking new website, just a small handful of things I need help with please.

1. On the main shop product page (http://testsite.thelevelcollective.co.uk/product-category/mens/) how can I reduce the spacing above the product name so that it is closer to the product image please?

2. On all individual products, can you tell me how to hide the product category, also how can I set it just to show me 3 related products rather than 4. Also how can I change the heading to be “More adventure inspired designs”

3.On all individual product pages, I would like to hide the hero banner images images from the smartphone size screen please.

4. on my homepage, at the bottom – a load of annoying white lines have appeared between my images, how do i get rid of these please?

Thanks for your time

Cheers

Mark

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1)

.archive .woocommerce .products .product figure {
    margin-bottom: 0;
}

2)
a) Instructions: http://www.swiftideas.com/knowledgebase/how-to-hide-categories-on-a-product-page/
b) Install & active the supplied child theme. Inside the child theme folder create a new folder structure called: /woocommerce/single-product/. Create a new file related.php and paste in this: https://gist.github.com/webadelic/ebf9ed2bb10df52f564601a3363718bc. Locate this $woocommerce_loop['columns'] = 4; and change to this $woocommerce_loop['columns'] = 3;
c) Theme Options => WooCommerce Options => Product Options => Related Heading Text

3)

@media only screen and (max-width: 767px) {
	 .single-product .fancy-heading-wrap {
	     display: none;
	 }
	 .single-product.page-heading-fancy .inner-page-wrap {
	     margin-top: 100px;
	 }
 }

4) I do not see these anymore, is this resolved?

[markmuz]

Thank you super helpful,

Just realised I didn’t communicate 2a very well, I’ll try again.

On individual products, the related items at the bottom, How can I hide the category from this please? (see screen shot)

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css.

.related-products .posted_in {
    display: none;
}

-Rui