SELA theme – issue with WooCommerce Shop

• 

  sprinklesontopstudios · Member · Nov 23, 2017 at 4:31 pm

  • Copy link
  • Add topic to favorites

  I’m attempting to update my store, and I am unable to do so as any time I upload a photo – it creates a header in my store page. Is there a simple way to stop the theme from pulling the product image as a header? Please help!

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · Nov 23, 2017 at 5:35 pm

  • Copy link

  Hi there! I see what you mean, here: https://sprinklesontopstudios.com/store/

  To hide that large “hero” area on WooCommerce product archive pages , you could add this to your Additional CSS panel in the Customzier.

  .post-type-archive-product .hero {
    display: none;
  }

  Sela hasn’t been tested with WooCommerce, so if you’d prefer a theme that should be more WC-compatible, you might like to try Dara; it looks very similar to Sela, but has some special WooCommerce templates.

  https://darademo.wordpress.com/

• 

  sprinklesontopstudios · Member · Nov 23, 2017 at 6:50 pm

  • Copy link

  Thank you very much! I’ll try out Selah, and if it doesn’t work, I’ll try Dara.

• 

  kathrynwp · Staff · Nov 23, 2017 at 6:55 pm

  • Copy link

  OK, let me know it goes.

  If you also want to remove the featured image at the top of individual product pages as well – like this one – let me know and I can give you the CSS to hide those too.

  https://sprinklesontopstudios.com/product/test-product-copy-2/

• 

  sprinklesontopstudios · Member · Nov 23, 2017 at 6:59 pm

  • Copy link

  The main image is gone. If you could please give me the code for the individual product, I’d greatly appreciate it! I’ve spent so many hours trying to get this to work!

• 

  kathrynwp · Staff · Nov 23, 2017 at 7:05 pm

  • Copy link

  Sure! Give this a try:

  /* Remove featured image on single product pages */
  .single-product .entry-thumbnail {
    display: none;
  }
  /* Push down content on single product pages */
  .single-product .content-wrapper.with-featured-image {
    margin-top: 0;
  }

• 

  sprinklesontopstudios · Member · Nov 23, 2017 at 7:11 pm

  • Copy link

  Works perfectly – thank you so much! You’re awesome!

• 

  kathrynwp · Staff · Nov 23, 2017 at 7:37 pm

  • Copy link

  You’re welcome!