Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to change background transparency or color in a website?

Solved

How to change background transparency or color in a website?

HollowNik
Tourist
5 0 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

Accepted Solutions (2)
dmwwebartisan
Shopify Partner
12323 2552 3732

This is an accepted solution.

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan
Shopify Partner
12323 2552 3732

This is an accepted solution.

@HollowNik 

also add following css class 

.site-header {background-color: transparent !important;}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 7 (7)

dmwwebartisan
Shopify Partner
12323 2552 3732

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
HollowNik
Tourist
5 0 1

i did

dmwwebartisan
Shopify Partner
12323 2552 3732

This is an accepted solution.

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
HollowNik
Tourist
5 0 1

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

dmwwebartisan
Shopify Partner
12323 2552 3732

This is an accepted solution.

@HollowNik 

also add following css class 

.site-header {background-color: transparent !important;}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
HollowNik
Tourist
5 0 1

perfect! Thank you!

dmwwebartisan
Shopify Partner
12323 2552 3732

@HollowNik 

Thanks! welcome again.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app