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: Neighborhood
• December 3, 2014 at 11:13 am #133112
  ashleyallenuk

  Member

  Post count: 13

  Hi,

  I/d like to remove the “Sale” banner from individual products if possible?

  I’d also like to remove the category from the product catalog and align the price to the left and make the text all the same size so it looks like this, please:

  Lunar Force 1 ’14 Jacquard QS
  £110.00

  Cheers
  Ash

  December 3, 2014 at 11:22 am #133113
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Sure, you got a link so I can help you with this?

  – Kyle

  December 3, 2014 at 11:32 am #133114
  ashleyallenuk

  Member

  Post count: 13

  This reply has been marked as private.
  December 3, 2014 at 11:35 am #133115
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  .woocommerce ul.products li.product .product-details span.posted_in {
    display: none;
  }
  ul.products li.product .price {
    float: left;
  }

  About the sale badge, do you mean the ‘new’ badge?

  – Kyle

  December 3, 2014 at 11:40 am #133118
  ashleyallenuk

  Member

  Post count: 13

  Hi Kyle,

  Thanks for this.

  It hasn’t worked with products with short titles though?

  And yes, that’s correct. The New badge and the Sale! badge for items in the sale?

  Cheers
  Ash

  December 3, 2014 at 11:48 am #133122
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok add this:

  ul.products li.product .product-details {
    width: 100%;
  }
  .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
    display: none;
  }

  – Kyle

  December 3, 2014 at 12:14 pm #133125
  ashleyallenuk

  Member

  Post count: 13

  Hi Kyle,

  That’s worked – thanks.

  Now how do I remove the category from the product catalog listing?

  And is it possible to show 4 products per row instead of 3?

  Cheers
  Ash

  December 3, 2014 at 12:49 pm #133136
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I already provided you with that css?

  .woocommerce ul.products li.product .product-details span.posted_in {
    display: none;
  }

  And unfortunately not sorry, the theme supports 3 col with sidebar or 4 col full width

  – Kyle

  December 17, 2014 at 8:08 am #136180
  ashleyallenuk

  Member

  Post count: 13

  Hi Kyle,

  These all worked thanks.

  Is there a way to show “out of stock” on products that are out of stock on the archive pages, instead of “Read More” as it does by default?

  Cheers
  Ash

  December 17, 2014 at 8:38 am #136195
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Can you provide me with an example? Not sure what you’re referring to

  – Kyle

  December 17, 2014 at 12:59 pm #136300
  ashleyallenuk

  Member

  Post count: 13

  This reply has been marked as private.
  December 17, 2014 at 1:00 pm #136301
  ashleyallenuk

  Member

  Post count: 13

  This reply has been marked as private.
  December 17, 2014 at 1:20 pm #136302
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Sure

  Add this to your custom css:

  @media only screen and (min-width: 768px) { 
  /* IMAGE AREA */
  .woocommerce div.product div.images {
  width: 30%;
  }
  /* DETAILS AREA */
  .woocommerce div.product div.summary {
  width: 67%;
  }
  }

  For the tabs, you just need to add the info, such as the product description, addition info which is the attributes etc

  – Kyle

  December 17, 2014 at 3:32 pm #136329
  ashleyallenuk

  Member

  Post count: 13

  That’s great Kyle – the image looks a lot better now.

  The text looks stretched now though http://www.eightyeightstore.co.uk/product/sneaky-brand-sneaky-spray/ – is there anyway to bring both the image and the text in more centrally?

  Cheers
  Ash

  December 17, 2014 at 3:38 pm #136333
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try this:

  @media only screen and (min-width: 768px) { 
  /* IMAGE AREA */
  .woocommerce div.product div.images {
  width: 28%;
  margin-left:10%
  }
  /* DETAILS AREA */
  .woocommerce div.product div.summary {
  width: 48%;
  margin-right:10%
  }
  }

  – Kyle

• Back to forum

  Posted in: Neighborhood