Docs

[Flightwave]

Hi there – and happy friday!

URL and credentials to follow.

So I’ve given the navbar a slight amount of transparency (set at .95) with some help from you.
I’d like to give the shopping cart in the navbar (inner and outer elements) the same transparency so that it blends seamlessly into the navbar.

How would I accomplish this?

Thanks!

[Flightwave]

This reply has been marked as private.

[Friech]

Hi There,

Thank you for writing in! Please check the admin credentials you provided above, its not working.

And did you disable the cart menu? I am not seeing it, I only see the a cart icon that is link to cart page.

Have a good day too. Cheers!

[Flightwave]

The login credentials have not changed.
Please try them again. I tried them just now – and they work great.

Also – we had a developer working on the site before – so I don’t know what they disabled. They weren’t very good – so we have taken over the site ourselves – but I don’t know where to look to find that information. Woocommerce has told me that it is standard behavior for the number of items to show in the cart. Can you show or tell me where these settings might be?

Thanks so much,
Chris

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.x-navbar .x-nav > li.x-menu-item-woocommerce > a .x-cart > span.outer {
    color: hsl(0,0%,100%);
    background-color: rgba(25,25,25,0.5);
}

.x-navbar .x-nav > li.x-menu-item-woocommerce > a .x-cart > span.outer:before {

    opacity: 0.5;
}

Hope that helps.

[Flightwave]

Hi there,
I added the code – but it’s not matching the navbar. In fact the mismatch is more noticeable now.
Can you take a look at it and let me know your thoughts? The colors of the inner and outer part of the cart icon were already set to match that of the navbar. All I need is to give it the same amount of transparency as the navbar
Thanks

[Flightwave]

p.s.
the colors of the inner and outer part of the cart icon were already set to match that of the navbar. All I need is to give it the same amount of transparency as the navbar

[Rupok]

Hi there,

Your site is not loading on my end, so can’t check the status but you can try adjusting the values.

Thanks!

[Flightwave]

it’s loading good on everyone’s computer here at the office.

Please try again

[Christopher]

Hi there,

Do you mean something like attachment?
Please add this code :

.x-navbar .x-nav > li.x-menu-item-woocommerce > a .x-cart {
    color: #fff;
    background-color: transparent;
}
.x-navbar .x-nav > li.x-menu-item-woocommerce > a .x-cart > span.outer {
    background-color: transparent;
}

Hope it helps.

[Flightwave]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-cart.outer-inner.inline.square {
     background-color: transparent;
     color: #fff;
}

.x-cart.outer-inner.inline.square .outer {
     float:left;
}

.x-cart.outer-inner.inline.square .inner {
     float: right;
     padding-top: 0;
}

Hope that helps.

[Author]

Posts