How to change background transparency or color in a website?

Store Design
1

Site url: https://hollow-bags.myshopify.com/

pw: aortis

How do I make these two spaces transparent so that the background shows through? Or if they can’t be hidden, how can I adjust the color to something other than white?

remove.png
remove.png903×508 78.5 KB

2

@HollowNik

Please add the following code at the bottom of your assets/theme.css file.

.site-header {background-color: transparent !important;}
.site-header__mobile-nav {background-color: transparent !important;}
.site-footer {background-color: transparent !important;}

Thanks!

3

i did

4

@HollowNik

Please add the following code at the bottom of your assets/theme.css file.

.site-header {background-color: transparent !important;}
.site-header__mobile-nav {background-color: transparent !important;}
.site-footer {background-color: transparent !important;}

Thanks!

1 Like
5

thanks! That removed the bottom, but not the top unfortunately

1 Like
6

@HollowNik

also add following css class

.site-header {background-color: transparent !important;}
1 Like
7

perfect! Thank you!

8

@HollowNik

Thanks! welcome again.