customize transparent checkout area

Solved

customize transparent checkout area

dvaughn
Excursionist
176 0 9

Hey I'm new to shopify design. I would appreciate if someone can assist me on how I can change the color from this gray transparent color to a black or white transparent color while still keeping the same transparent effect

dvaughn_0-1723416116312.png

 

Accepted Solution (1)
VIEKIN
Shopify Partner
746 91 106

This is an accepted solution.

@dvaughn 

You can copy and paste script code to: Admin -> Store Online -> Themes -> Customize Code -> /assets/styles.css

@media screen and (max-width: 749px) {
    .checkout-elements {
        background: #0000004f !important;
    }
}

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513

View solution in original post

Replies 7 (7)

VIEKIN
Shopify Partner
746 91 106

@dvaughn 

If possible, Could you pls leave the link store here and show to place what you want to check?

That make easy to community help you check.

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
dvaughn
Excursionist
176 0 9

The site url is

VIEKIN
Shopify Partner
746 91 106

Your site does not public, so it still protected by password, so if possible you can leave password to access to site?

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
dvaughn
Excursionist
176 0 9

Yes the password is

VIEKIN
Shopify Partner
746 91 106

This is an accepted solution.

@dvaughn 

You can copy and paste script code to: Admin -> Store Online -> Themes -> Customize Code -> /assets/styles.css

@media screen and (max-width: 749px) {
    .checkout-elements {
        background: #0000004f !important;
    }
}

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
dvaughn
Excursionist
176 0 9

This worked. Thank you. I was wondering if you could tell me how I could change my tra1t.com/collections/all page to just tra1t.com/inventory

VIEKIN
Shopify Partner
746 91 106

That cannot change by liquid or way normal, you need to try with app.

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513