Docs

[Simon T]

Hey Guys,

I have quite a lot of CSS on my website to get the Navbar items with squares around them. When I added WooCommerce to the site, it added the cart underneath the social icons which is perfect, but it has the square around it which I don’t want.

I would like to know how I can increase the size of the cart icon, make it white and also remove the box around it?

I will post login details below as you will probably want to see the CSS I have in there already!

[Simon T]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! I have adjusted the color from Customize > WooCommerce – http://prntscr.com/d20kjs

You can add this under Custom > CSS in the Customizer to adjust the border and font-size :

.x-navbar .x-nav > li.x-menu-item-woocommerce > a .x-cart {
  border: medium none;
  font-size: 26px;
}

Hope this helps.

Cheers!

[Christopher]

Hi there,

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

.x-cart.inner.inline.rounded {
    border: none !IMPORTANT;
 font-size: 25px;

}

Hope that helps.

[Author]

Posts