I want to remove the (colon) : after SKU from the product display page. How can I do this?

closed as off-topic by sv3n, Siarhey Uchukhlebau, Prince Patel, liyakat, brentwpeterson Aug 13 '17 at 15:12

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions describing a problem that can't be reproduced OR seemingly went away on its own (or went away when a typo was fixed) are off-topic as they are unlikely to help future readers." – sv3n, Siarhey Uchukhlebau, Prince Patel, liyakat, brentwpeterson
If this question can be reworded to fit the rules in the help center, please edit the question.

  • Thanks boss, who are closed this as off-topic – suresh-vagvala Oct 8 '18 at 11:00

If you want to remove by css :

product-info-main .product.sku .type:after { content: ' ' !important; }

use this code.


add below code in <body> tag

<referenceBlock name="product.info.stock.sku" remove="true" />
  • not sku colon after sku – suresh-vagvala Aug 10 '17 at 13:56
  • i got the solution with css – suresh-vagvala Aug 10 '17 at 13:56
  • you can find that Colon inside attributes. Stores > Attributes > Product >SKU Attribute. – Abhishek Panchal Aug 10 '17 at 14:51
 .product-info-main .product.sku .type:after {
    content: ' ' !important;
  • by using this css i was removed that :(colon) after css – suresh-vagvala Aug 10 '17 at 13:58

Not the answer you're looking for? Browse other questions tagged or ask your own question.