ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• February 27, 2017 at 11:30 pm #315375
  markmuz

  Member

  Post count: 94

  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.
  March 2, 2017 at 11:14 am #315738
  David Martin – Support

  Moderator

  Post count: 20834

  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?

  

  March 6, 2017 at 6:25 pm #316089
  markmuz

  Member

  Post count: 94

  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.
  March 7, 2017 at 4:12 pm #316222
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css.

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

  -Rui

• Back to forum

  Posted in: Atelier