-
Posts
-
Hi Support-Team
I found this css code:
a.cart_dropdown_link > span:before {
opacity: 0;
}
a.cart_dropdown_link > span:nth-child(1) {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)!important;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
this works perfect, but i also have some transparent sites and also a special icon for it. who it works there?All the best, Pascal
Hey Pascal,
Could you post a link to where we can see the element in question please? Also please try to explain your intentions a bit further, or post a screenshot highlighting them.
Best regards,
RikardHi Rikard, the website is under construction, but i can show your a screenshot:
– transparent site: https://diederik.wine/weingut/wp-content/uploads/2023/12/Bildschirmfoto-2023-12-11-um-11.47.31.png
– normal site :https://diederik.wine/weingut/wp-content/uploads/2023/12/Bildschirmfoto-2023-12-11-um-11.52.06.pngWe have the icon in white and black. So we prefer for transparent sites the white icon.
All the best,
PascalHi,
Thanks for that. You can try to use this class to target the transparent header state:
.av_header_transparencyBest regards,
RikardHi Rikard
With the following code is the icon allways white:a.cart_dropdown_link > span:nth-child(1) {
background-image: url(https://diederik.wine/weingut/wp-content/uploads/2023/11/DDRK_Warenkorb_SW-2.png)!important;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}.av_header_transparency
a.cart_dropdown_link > span:nth-child(1) {
background-image: url(https://diederik.wine/weingut/wp-content/uploads/2023/11/DDRK_Warenkorb_WS-1.png)!important;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}Hi Rikard
Thank you for your input, we are nearly there. the problem is, without !important, it works for both, but not in the mobile view.with !important mobile view https://diederik.wine/weingut/wp-content/uploads/2023/12/Bildschirmfoto-2023-12-11-um-17.34.57.png
withour !important mobile view: https://diederik.wine/weingut/wp-content/uploads/2023/12/Bildschirmfoto-2023-12-12-um-08.59.44.pngAll the best, Pascal
Hi,
We would have to see the actual problem in order to help you out further. Please post a link to where we can see it, or give us access to the site in question.
Best regards,
RikardHi Ricard
I think, the best, i give you a tempory access to the site, but i need a e-mail-adress from you.
All the best,
PascalHi,
You can use the email in private, or one of your own. Just remember to post the login details here in this thread, so that all moderators can access it.
Best regards,
RikardHi Rikard, we have one transparent site = https://diederik.wine/ , on this side should be the icon white on desktop, but on the mobile view the icon should be allways black.
All the best,
PascalHi Rikard, 1000’s thanks, now it is prefect. Thank you for this excellent support.
All the best,
Pascal
- You must be logged in to reply to this topic.