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
• June 23, 2016 at 12:07 pm #276665
  skullo27

  Member

  Post count: 217

  Hi, I am looking to remove the “clear” link and “in stock” display that show just above the add to cart button. I added the below CSS, can you confirm this would be the right way to do this without affecting anything else? Also, I notice that when I select an option on a product variation, the add to cart button still moves down slightly, is there a way to stop it doing this?

  thanks.

  .reset_variations {
  display: none !important;
  }
  .woocommerce-variation-availability {
  display: none !important;
  }
  .single_variation_wrap .woocommerce-variation .single_variation {
  display: none !important;

  June 23, 2016 at 12:09 pm #276666
  skullo27

  Member

  Post count: 217

  Also, for single products without variations, how would I remove the “in stock” text above the add to cart button? Would the following be correct?

  .woocommerce div.product p.stock {
  display: none;
  }

  thanks.

  June 23, 2016 at 2:18 pm #276706
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Your code is correct to hide stock and variations use this code also:-

  .variations_form .reset_variations {
    line-height: 0px !important;
  }

  Thanks
  Mohammad

  June 23, 2016 at 2:45 pm #276723
  skullo27

  Member

  Post count: 217

  Hi Mohammad, thanks for confirming.

  Can you clarify what your addition piece of code does? I added it but still see the add to cart button move down slightly when I select a size variant.

  thanks
  Sam

  June 23, 2016 at 6:09 pm #276765
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code also:

  .woocommerce-variation .single_variation{
  display:none !important;
  }

  Thanks
  Mohammad

  June 23, 2016 at 6:28 pm #276772
  skullo27

  Member

  Post count: 217

  Hi Mohammad, is that not the same as what I already added in the above post?

  .single_variation_wrap .woocommerce-variation .single_variation {
  display: none !important;

  June 24, 2016 at 7:19 am #276863
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me login detail to check and resolve the issue.
  Thanks
  Mohammad

  June 24, 2016 at 8:27 am #276881
  skullo27

  Member

  Post count: 217

  This reply has been marked as private.
  June 24, 2016 at 11:01 am #276938
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I have managed to resolve the issue so please check it now.
  Thanks
  Mohammad

  June 24, 2016 at 11:04 am #276941
  skullo27

  Member

  Post count: 217

  OK thanks, seems fine now. did you just edit the following CSS? just in case I ever wanted to change it back…

  /*remove “clear” selection link*/
  .reset_variations {
  display: none !important;
  line-height: 0px !important;
  }
  .woocommerce-variation-availability {
  display: none !important;
  }

  .woocommerce div.product p.stock {
  display: none;
  }

  .single_variation_wrap .single_variation{
  display:none !important;
  height:0px !important;
  margin-bottom:0px !important;
  }

  June 24, 2016 at 11:13 am #276947
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Yes, i edited the this css code.
  Thanks 🙂
  Mohammad

• Back to forum

  Posted in: Atelier