Hi,
Is the text underlined red able to be centered on top of the video?
Thanks!
Topic summary
A user seeks help centering video title text in the Shopify Refresh theme, providing a screenshot showing text that needs to be centered above a video.
Solutions Provided:
Two community members offer CSS-based fixes:
- Quick fix: Add
h2 { text-align: center; }to the custom CSS section within the video component settings - Theme-level fix: Navigate to Shopify admin → Online Store → Themes → Edit code, then add specific CSS targeting the video title class to the theme’s CSS file (base.css, style.css, or theme.css)
Both solutions involve adding text-align: center styling, either globally to h2 elements or specifically to the video title element.
Resolution: The original poster confirms one of the solutions worked successfully. Screenshots were shared showing the before state and expected result.
1 Like
Hi @turtlelionowl
Please put be below code in custom css part in video section
h2 {
text-align: center;
}
Thanks!
1 Like
Check this one.
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:
.section-template--16942808203441__video_jnAzg9-padding h2.title.inline-richtext.h1 {
text-align: center;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you! this worked!