Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • October 30, 2019 at 3:05 pm #1152374
    vollstark

    Hi!

    Is it possible to change the basketcase symbol?

    All the best :-)

    October 30, 2019 at 6:53 pm #1152465
    Victoria

    Hey vollstark,

    Please have a look here
    https://stackoverflow.com/questions/53081968/woocommerce-change-shopping-cart-icon

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 31, 2019 at 6:40 am #1152619
    vollstark

    Hi!

    I took this code but it doesn´t work :-( I don´t know why. Maybe it has to be in the custom.css? Not in the quick css?

    .site-header-cart .cart-toggler .cart-contents {
	content: '';
	background: url('https://www.myurl.de') no-repeat center center;
	background-size: contain;
	width: 20px;
	height: 20px;
	margin: -2px -4px;
	display: inline-block;
}
    October 31, 2019 at 3:49 pm #1152766
    Victoria

    Hi vollstark,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    October 31, 2019 at 5:04 pm #1152789
    vollstark

    No problem :-)

    My website ist http://www.vollstark.de

    All the best.

    October 31, 2019 at 9:19 pm #1152857
    Victoria

    Hi vollstark,

    This is the css selector and the code for your cart:

    
.header_color .cart_dropdown_first .cart_dropdown_link span:before {
    content: 'CART';
}

    The text is just for the sake of showing what will happen, you need to adjust the code to suit your needs.
    Best regards,
    Victoria

    • This reply was modified 5 years, 1 month ago by Victoria.
    November 1, 2019 at 10:26 am #1152955
    vollstark

    Ah!

    I take this one. It works :-) Now I have to do finetuning :) Thanks!!!!

    .header_color .cart_dropdown_first .cart_dropdown_link span:before {
    content: 'CART';
	background: url('https://vollstark.de/....jpg') no-repeat center center;
	background-size: contain;
	width: 20px;
	height: 20px;
	margin: -2px -4px;
	display: inline-block;
}

    All the best!

    • This reply was modified 5 years, 1 month ago by vollstark.
    November 1, 2019 at 5:46 pm #1153108
    vollstark

    Hi!

    It doesn´t work like I want ;-)

    Now I have two icons and no number of items :-(

    https://www.dropbox.com/s/ya8rfs9cjw104i8/basket.png?dl=0

    November 2, 2019 at 4:55 pm #1153299
    Victoria

    Hi vollstark,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Please share the exact code you tried adding.

    Best regards,
    Victoria

    November 3, 2019 at 6:23 am #1153462
    vollstark

    Hi!

    I tried this one:

     .header_color .cart_dropdown_first .cart_dropdown_link span:before {
    content: ' ';
	background: url('https://vollstark.de/wp-content/uploads/basket-icon_vollstark.png') no-repeat center center;
	background-size: contain;
	width: 40px;
height: 40px;
	margin: 20px 40px;
	display: inline-block;
}

    My new basket icon is a Entypo icon as well can I use that?

    November 3, 2019 at 7:30 pm #1153541
    vollstark

    Hi!

    How can I use a fontello icon as basket?

    All the best

    November 4, 2019 at 8:50 am #1153642
    vollstark

    May you help me?

    November 7, 2019 at 9:44 pm #1154746
    Basilis

    Hi,

    Can you pelase define what you mean ” as basket ” it is not clear for us.

    Best regards,
    Basilis

    November 7, 2019 at 9:47 pm #1154750
    vollstark

    Hä!?

    I mean the basket case icon on every page.

    All the best.

    November 8, 2019 at 11:53 am #1154941
    Victoria

    Hi vollstark,

    Did you upload the appropriate fontello icon to your website?

    Please have a look at the following thread:
    https://kriesi.at/support/topic/change-woocommerce-cart-icon-to-custom-fontello-icon/

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 8, 2019 at 12:32 pm #1154959
    vollstark

    Hi!

    fine. that works 90% :-)

    I use this code:

    #top .cart_dropdown_link > span:before {
    font-family: 'test';
    content:'\e801'!important;
}

    But there are two Icons (I only need one!) and how can I change the size?

    You can have a look: https://vollstark.de

    All the best!

    • This reply was modified 5 years, 1 month ago by vollstark.
    November 8, 2019 at 1:41 pm #1154996
    Victoria

    Hi vollstark,

    https://cl.ly/2d4a74b66fb6 I only see the default one, did you remove the code?

    Best regards,
    Victoria

    November 8, 2019 at 3:32 pm #1155035
    vollstark

    No I didn´t.

    On my cellphone, I see the default one as well until I put something in the basket. Hm…

    https://www.dropbox.com/s/3vtem64gng713mg/new_basket_case.png?dl=0

    • This reply was modified 5 years, 1 month ago by vollstark.
    November 13, 2019 at 3:22 am #1156251
    Ismael

    Hi,

    Thank you for the update.

    You should replace the above css code with the following code.

    #top .cart_dropdown_link span[data-av_icon]::before {
    content:'\e801'!important;
}

    This will apply the icon only to the actual cart icon container, but not to the cart counter.

    Best regards,
    Ismael

    November 13, 2019 at 3:34 pm #1156421
    vollstark

    Cool! That’s what I want :)

    Is it possible to set the size of the Icon? It is to small ;-)

    All the best

    November 14, 2019 at 6:45 am #1156666
    Rikard

    Hi,

    Thanks for the update. Please try this CSS to make the icon larger:

    .cart_dropdown_link span {
    font-size: 40px;
}

    Best regards,
    Rikard

    November 14, 2019 at 8:34 am #1156675
    vollstark

    Hi!

    Cool :-) That works :-)

    I have another topic ;-)
    Can I move the circle with the amount of thing in the basket?

    https://www.dropbox.com/s/22ltvw1u9tqme5k/basket_icon_move.jpg?dl=0

    My code is:

    #top .cart_dropdown_link span[data-av_icon]::before {
font-family: 'test';
font-size: 35px;
    content:'\e801'!important;
}
    November 14, 2019 at 8:59 pm #1156944
    Victoria

    Hi vollstark,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-cart-counter {
    top: 42%;
    left: 65%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 14, 2019 at 9:57 pm #1156985
    vollstark

    Hi!

    That is great. That works absolutely fine! :-)

    Thank you very much!!!

    All the best!

    November 15, 2019 at 8:14 am #1157085
    vollstark

    Hi!

    That is strange :-( It only works when I am logged in as Admin.

    Have you any idea for that?

    All the best!

    November 15, 2019 at 9:50 am #1157105
    Rikard

    Hi,

    Yes, then it’s very likely due to caching. I see that you have a caching/minification plugin active, try clearing that.

    Best regards,
    Rikard

    November 15, 2019 at 11:55 am #1157145
    vollstark

    Hi!

    Great, now it seems good :-)

    Thanks a lot :-)

    November 16, 2019 at 5:07 am #1157400
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 28 posts - 1 through 28 (of 28 total)
  • You must be logged in to reply to this topic.