How to change font size of the text in the video slide?

Store Design
,

Topic summary

A user seeks help adjusting font size in a video slide section on their Shopify store. After initial access issues, a helper provides CSS code to modify the text styling.

Key Solutions Provided:

  • Custom CSS code placed in theme.liquid file (above the <body> tag) to control font size
  • Additional CSS for mobile responsiveness using media queries
  • Code adjustments to display text in 2 lines instead of 3 by changing font size to 37px

Technical Issues Resolved:

  • Video slide not appearing on mobile app (fixed with mobile-specific CSS)
  • Syntax errors when placing code (resolved by proper placement under <style> tag)
  • Font color changes (white text requested but not yet working)

Current Status:
The discussion remains ongoing. The user successfully implemented font size changes and mobile visibility fixes, but still needs help with:

  • Changing font color to white
  • Modifying font size and type for desktop version
  • Using different text colors for mobile vs. desktop versions

Screenshots throughout show the visual progress and specific styling targets.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Screenshot (127).png
Screenshot (127).png1366×768 219 KB

1 Like
2

hey @ramyaq there is a password share it then i can help you

3

done

4

there is no text in your site

5

you can check now

6 

![MustafA16_0-1743057695031.png|1204x357](upload://dSElb9UxtkRV5SpotiJcjjsgqLI.png)

hope so you like it Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
7

MustafA16_0-1743057767735.png
MustafA16_0-1743057767735.png1095×284 329 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->

8

if this code work please do not forget to like and mark it solution

9

i made this using separate code in section background-video.liquid

10

then you have to place this code in customization and open the slider section and place this code in custom css

11

Screenshot (128).png
Screenshot (128).png1366×768 176 KB

what am I doing wrong?

12

hey @ramyaq try this one with same steps

13

it is not working

14

Screenshot (129).png
Screenshot (129).png1366×768 100 KB

do i need to post it here ?

15

no no you have to place this code in theme.liquit file

MustafA16_0-1743058891043.png

there in above the body tag

1 Like
16

it worked, I remove style

1 Like
17

ok please do not forget to like and mark it solution

18

I

Screenshot (130).png
Screenshot (130).png1366×768 231 KB

I want this text to be displayed in 2 lines instead of three, can you help me out?

19

so you have to do only make font size 37px then the problem is solved

20

Also this video slide is now not visible in my mobile app.

1 Like