Re: Is there anyway to change the scrolling things? - Dawn Theme

Solved

Is there anyway to change the scrolling things? - Dawn Theme

BioDraft
Tourist
18 0 2

Im trying to customize the scroll thing from white to black, is there anyway to do that?

Accepted Solution (1)

diego_ezfy
Shopify Partner
2969 571 910

This is an accepted solution.

Hey @BioDraft,

I hope you're doing well!

1. From your Shopify Admin go to online store > themes > three dots > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

 

 

<li-code lang="markup"><style>
body::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

background-color: #3f3e3e;
}

body::-webkit-scrollbar
{
width: 14px;
background-color: #686868;
}

body::-webkit-scrollbar-thumb
{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #686868;
}

</style>​

 


If it helps you please click on the "like" button and mark this answer as a solution.

Thank you.


Kind regards,
Diego

 

 

View solution in original post

Replies 2 (2)

BioDraft
Tourist
18 0 2

Screenshot 2024-04-23 021403.pngScreenshot 2024-04-23 021355.png

diego_ezfy
Shopify Partner
2969 571 910

This is an accepted solution.

Hey @BioDraft,

I hope you're doing well!

1. From your Shopify Admin go to online store > themes > three dots > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

 

 

<li-code lang="markup"><style>
body::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

background-color: #3f3e3e;
}

body::-webkit-scrollbar
{
width: 14px;
background-color: #686868;
}

body::-webkit-scrollbar-thumb
{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #686868;
}

</style>​

 


If it helps you please click on the "like" button and mark this answer as a solution.

Thank you.


Kind regards,
Diego