How Do I Make This Scrolling Text Bar Less Thick?

Solved

How Do I Make This Scrolling Text Bar Less Thick?

timelessracing
Excursionist
16 0 4

Hello, I want to make the bar smaller and more condensed, how do I do this? 

https://timelessracingco.com/

Screenshot 2025-02-22 at 1.31.29 AM.png

Accepted Solution (1)

LizHoang
Shopify Partner
1250 158 196

This is an accepted solution.

Hi @timelessracing 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file app.css and add this code at the end of the file

 

.scrolling-text--inner.direction-left {
    padding: 5px !important;
}

 

Result: 

LizHoang_0-1740206618333.png

 

Best,

Liz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

View solution in original post

Replies 3 (3)

suyash1
Shopify Partner
10709 1323 1698

@timelessracing please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

.announcement-bar{padding: 8px 0 !important;}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

LizHoang
Shopify Partner
1250 158 196

This is an accepted solution.

Hi @timelessracing 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file app.css and add this code at the end of the file

 

.scrolling-text--inner.direction-left {
    padding: 5px !important;
}

 

Result: 

LizHoang_0-1740206618333.png

 

Best,

Liz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
timelessracing
Excursionist
16 0 4

thank you this worked, can you please help me with my other problem? It is the question I posted right before this.