Hi
How do I remove the vendors name from the products in the Charge theme? I tried looking everywhere
Thanks
Steve
Topic summary
Goal: remove the vendor name (shown as a single dot) from the Charge theme’s product listings.
Context and troubleshooting:
- The store isn’t live; a preview URL and screenshots were shared. The vendor was temporarily renamed to “.” to hide the name.
- Initial CSS suggestions (e.g., targeting product page elements like p.product__title–before or .product .available-place span.color-foreground) did not remove the dot.
- Screenshots were central to identify that the dot appears on collection pages, not on the product page.
Proposed solution:
- Add custom CSS in the theme’s main CSS file (Assets > base.css/theme.css) to hide the vendor element on collection items using the collection-page selector for the vendor, specifically “p.item-vendor { display: none; }” (or “.item-vendor { display: none; }” depending on markup).
- Save the file and refresh the preview to apply.
Outcome and status:
- A corrected selector for the collection page was provided with a “result” screenshot. Confirmation from the requester is not explicitly posted yet, but a working approach appears identified. Discussion appears close to resolved, pending final confirmation.
1 Like
can you provide me the store URL so I can provide you the CSS code
I have found the product vendor script but can you show me exactly what I need to and and exactly what is should look like.
Thanks
I have found the product vendor script but can you show me exactly what I need to and and exactly what is should look like.
Thanks
Provide me the store URL i can provide you a code and guide you where you want to place 
It’s not live yet but this is a preview.
thanks for the url send me the screenshot which name do you want to hide from product page?
https://fkrcwb-my.myshopify.com/collections/manga/products/2010-bigtrak-boxed-overall-condition-8
Hi. There is currently a “dot” I changed this to my vendors name so it just showed a dot instead of the my business name “once was new”
Hi @Oncewasnew
Check this one if it work, if not please share your store URL. Thanks!
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
p.product__title--before {
display: none;
}
- And Save.
- Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
HI. Once I have added the code I save it yes? Do I need to do anything else? Can I just refresh my webpage and It should work?
Steps to Add Custom CSS in Shopify1. From your Shopify admin, go to Online Store > Themes.
- Click Actions for the theme you want to edit, then select Edit code.
- Find the base.css file under Assets (or whichever CSS file your theme uses).
- Scroll to the bottom of the file and add the following CSS code
.product .available-place span.color-foreground {
display: none;
}
Didnt work buddy.. The dot is still there..
Hi unfortunately it didn’t work. There is a dot which is what I changed my vendor name to so it only showed a dot and not my company name
provide screenshot for better understanding website screenshot not backend
where you want to remove
There is a small dot where my vendor name would be . I changed my vendor name to a dot so it only showed a dot not my full vendor name
can you point out which one you like to remove? Thanks!
There is a small dot where my vendor name would be . I changed my vendor name to a dot so it only showed a dot not my full vendor name
You can use this code so the dot will be hidden, apply this in CSS file
.item-vendor{
display: none;
}
I see it now. This is not in the product page, it the collection page.
Please, replace the code that I provide recently to the code below.
p.item-vendor {
display: none;
}
And Save.
Result:
Note: this is the product page.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
1 Like
Welcome! Would you mind hitting ‘like’ as well? Thanks!