adjusting transparency of yith add to wish list on catalogue pages?

[MarieWorks]

Hi

Been trying to adjust the background transparency of the .yith add to wishlist button in the product figcaptions so it matches the rest of the figcaption – using the css below

/*change transparency of add to wishlist background in figcaption on catlog pages*/
.yith-wcwl-add-to-wishlist{
background-color:rgba(0,0,0,0)!important;
}

Cant seem to make it work – what am I doing wrong?

Many thanks in advance,

Chris

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Try to change the opacity instead.

/*change transparency of add to wishlist background in figcaption on catlog pages*/
.yith-wcwl-add-to-wishlist{
opacity: 0.6!important;
}

-Rui

[MarieWorks]

Hi Rui,

Thanks for your help.

This seems to target the opacity of the entire add to Wishlist button (background and star icon) – this makes the star icon difficult to see – can only the background be selected leaving the icon as non transparent white like the add to shopping bag text shown in the screen shot?

C

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.yith-wcwl-add-to-wishlist{background:transparent !important;}

Thanks
Mohammad

[MarieWorks]

Hi Mohammad,

thanks for helping.

Unfortunately that css did not work…?

Essentialy we just want the blue bar shown in my previous screen shot to be one consistent level of transparency – not different levels for the main figcaption and the yith add to wishlist button

Thanks

Chris

[Mohammad – SUPPORT]

Hi,
Please remove last css code and use this new css code:-

.woocommerce ul.products li.product figure figcaption .yith-wcwl-add-to-wishlist a{
background:transparent !important;
}

Thanks
Mohammad

[MarieWorks]

HI Mohammad,

Thanks – but this is still not working, sorry

(see screen shot attached)

thanks
Chris

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:-

.woocommerce ul.products li.product figure figcaption .yith-wcwl-add-to-wishlist{
background:transparent !important;
}

.yith-wcwl-add-button a:hover{
color:#fff !important;
}

Thanks
Mohammad

[MarieWorks]

Still no joy I’m afraid Mohammad,

[Mohammad – SUPPORT]

Hi,
I just resolved the issue so please check.
Thanks
Mohammad

[MarieWorks]

Hi Mohammad,

Thanks I saw that you had this resolved earlier – but its seems to of reverted again now?

Strange…

[Mohammad – SUPPORT]

Hi,
Your website is down.
Thanks
Mohammad

[MarieWorks]

Hi Mohammad,

Sorry – server upgrade means the URL has changed

new url = http://am24.siteground.biz/~reikokan/

[Mohammad – SUPPORT]

Hi,
I have just resolve the issue. Please dont remove any custom css code at Admin -> Theme Options -> General Options -> Custom CSS.
Thanks
Mohammad

[MarieWorks]

Hi Mohammad,

Thanks for re-doing that, not sure what happened – must of accidentally saved an older version of the theme options page – sorry!

thanks again

c