Docs

[JP]

hi,

I am currently using the cart icon but i would like to customise it so it looks more like image 2. Before I create the design will i be able to easily swap it out?

Thanks

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[JP]

http://myeternalbeauty.com/

thanks

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.x-cart .x-icon-shopping-cart:before {
content: url(//myeternalbeauty.com/wp-content/uploads/2016/06/wel_logo2-1.png);
}

Change the URL with your icon’s URL.

Thanks!

[JP]

hey there

OK I added an image and it comes up but now I need to have style control over the boxes and fonts

can you provide me with the CSS please

Thanks

[Darshana]

Hi there,

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

.x-cart .woocommerce-Price-amount {
    color: #ff0000;
    font-size: 16px;
}

Hope that helps.

[JP]

thanks

that helped a bit

i need a few more changes i can’t make myself

– the cart image and the text to be horizontally aligned
– the background and border of all cells to be white so there is no grey or black

thanks a lot!

[Joao]

Hi There

Please add the following code to Appereance Customizer Custom CSS

i.x-icon-shopping-cart {
margin-top: 5px;
}
.x-menu-item-woocommerce .inner, .x-menu-item-woocommerce .outer {
background: none;
}

Let us know how it goes,

Joao

[JP]

thanks

that got rid of the colours perfectly but the text and img are still not lined up

http://myeternalbeauty.com/

[Rupok]

Hi there,

Let’s replace the below code :

i.x-icon-shopping-cart {
margin-top: 5px;
}

with this :

i.x-icon-shopping-cart {
  float: left;
  margin-top: -1px;
}

Hope this helps.

Cheers!

[Author]

Posts