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.


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.