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
• May 30, 2016 at 9:05 am #271016
  huntingensemble

  Member

  Post count: 318

  Hey Guys,

  I would like to adjust the sold out badge.
  I like it as it is only I would like to be it a rectangular (have the point + white dot removed).

  See: https://monosnap.com/file/gDSJLPojkWU3Bi8juuUpaH6G4YXwkD

  Can I accomplish that with CSS?

  Thanks!
  Joost

  May 30, 2016 at 9:18 am #271020
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try this css.

  .woocommerce .out-of-stock-badge:before{
    display:none;
  }
   .woocommerce .out-of-stock-badge:after {
      left: 2px!important;
  }

  -Rui

  May 30, 2016 at 9:25 am #271023
  huntingensemble

  Member

  Post count: 318

  This reply has been marked as private.
  May 30, 2016 at 9:55 am #271031
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-
  `.woocommerce .out-of-stock-badge:after, .woocommerce .out-of-stock-badge:before{
  display:none !important;
  }`

  Thanks
  Mohammad

  May 30, 2016 at 9:56 am #271032
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  It seems that you have an error in the previous custom css syntax.
  Can you place the code I provide in the top of the custom css?

  Guess you are missing a closing bracket in the previous code. check what that red error says on mouse over.

  -Rui

  May 30, 2016 at 12:36 pm #271091
  huntingensemble

  Member

  Post count: 318

  Hey Rui,

  It states, Expected RBRACE at line 292, col 1.

  Got the code from: http://www.swiftideas.com/forums/topic/sold-out-out-of-stock-badge-not-visible-on-mobile/

  Please advise how to adjust, thanks!
  Joost

  May 30, 2016 at 12:42 pm #271093
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Provide me admin credentials so I can have a look.
  thanks

  -Rui

  May 30, 2016 at 12:44 pm #271094
  huntingensemble

  Member

  Post count: 318

  This reply has been marked as private.
  May 30, 2016 at 12:49 pm #271097
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  can’t login with any of those passwords.
  Can you check it again?

  Thanks
  -Rui

  May 30, 2016 at 12:52 pm #271103
  huntingensemble

  Member

  Post count: 318

  This reply has been marked as private.
  May 30, 2016 at 1:01 pm #271105
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Like I said it was missing a closing bracket for the previous media query you had on that place.
  Clear the cache and check again.

  -Rui

  May 30, 2016 at 1:07 pm #271107
  huntingensemble

  Member

  Post count: 318

  Hey Rui,

  Thanks for having a quick look and the fast help!
  It worked! Do you also know how to remove the white dot?

  http://take.ms/VN3hO

  Thanks!
  Joost

  May 30, 2016 at 1:24 pm #271123
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .out-of-stock-badge:after{
  display:none !important;
  }

  Thanks
  Mohammad

  May 30, 2016 at 1:27 pm #271124
  huntingensemble

  Member

  Post count: 318

  Hey Mohammad & Rui,

  Thanks for the support. Works!
  Take care,

  Joost.

  May 30, 2016 at 1:27 pm #271125
  huntingensemble

  Member

  Post count: 318

  Resolved.

• Back to forum

  Posted in: Atelier