Topic summary
Goal: remove the “VIDEO” text overlay on a Shopify product page video.
Context/updates:
- After requests for a link, the store’s product URL was shared. Contributors identified the overlay as a heading/text from the Video or “Media with text” section.
Proposed fixes (two paths):
- No‑code (preferred): In Theme Editor (Customize), open the Video or Media-with-text section and clear/disable the heading labeled “Video” (or similar). One reply emphasized checking theme settings before editing code.
- CSS overrides: Add a rule to hide the overlay heading text. Variants suggested (use one):
• .content-over-media p.h2 { display: none !important; }
• .content-over-media .place-self-center.text-center { display: none !important; }
• .content-over-media .prose p.h2 { display: none; }
Placement options: theme.css or base.css; alternatively inline in theme.liquid just before within a block.
Notes:
- Screenshots were provided to illustrate the result and where to add CSS.
- “Theme Editor,” “theme.css/base.css,” and “theme.liquid” are Shopify theme files/settings for styling or injecting CSS.
Status:
- No confirmation from the original poster; resolution unverified/ongoing.
@Whis415 can you please share this page link? I think it might be the text overlay which you can remove from customize settings.
In order to remove the text that is overlay on the video for Product Page, you need to follow these steps shared below.
Go to Shopify Admin >> Online Store >> Edit Code >> theme.css
In the end of theme.css paste the following code that shared below.
.content-over-media .place-self-center.text-center {
display: none !important;
}
Results:
@Whis415 Could you please share a link to your store or the specific page? That will make it easier for me to guide you and help you manage the settings correctly.
@Whis415 it is media with text section, open in customize settings and you can remove it from there, or you can add this css to the end of your theme.css file and check
.content-over-media p.h2{display:none !important;}
@Whis415 Thanks for sharing the link! You can hide that text by adding a small CSS snippet to your theme.
Steps:
-
Go to Online Store → Themes → Edit code
-
Open your theme.liquid file
-
Add the following code just before the
</body>tag:
<style>
.content-over-media p.h2 {
display: none !important;
}
</style>
Before adding custom code, I recommend checking the Theme Editor (Customize) first, as some themes include settings to hide or edit this text without modifying code.
If you’d like help checking or applying the fix, feel free to share collaborator access—happy to assist!
Good day @Whis415 , to remove the text from the video, please follow the simple steps below.
- Go to the Online Store in your Shopify admin.
- Click Edit Code, then open base.css (or your custom CSS file).
- Paste the CSS code provided below into the file.
.content-over-media .prose p.h2{
display: none;
}
I’ve also attached screenshots for your reference, so you can easily follow along.
If you have any questions or need further assistance, please don’t hesitate to ask.
If this solution helps you, please don’t forget to like and accept it.
Best Regards,
(S.P)
Please go to your store admin > Sales channels > Online Store > Themes > click Customize button, open your Video section, check and remove ‘Video’ text in heading or something like that.