Modify customiced CSS Clases

Hello my web site is https://rossjoven.com im using the template “band” I would like modify the colour in sydney_discography_widget (CSS Clases), How can I access to the code?

Thanks in advance, best regards.

Hello there,

Please try this code and add it to Appearance > Customize > Additional CSS from dashboard.

    .sydney_discography_widget .elementor-image-box-title a {
      color: #ff0000;
    }

    .sydney_discography_widget .elementor-image-box-title a:hover {
      color: #fff000;
    }

    .sydney_discography_widget .elementor-image-box-description {
      color: #e815bd !important;
    }

Let me know how it goes.

Regards,
Kharis
aThemes Support

Hi Kharis, thanks for your reply.

Sorry but I have not explained well. These colors can be modified from elementor. The one I want to change is the color of the CD when hovering over the image.

Thanks again.

Hi,

No worries.

Try this code:

    .sydney_discography_widget .elementor-image-box-img:hover::after {
      background-color: #fff000;
    }

I hope that helps.

Regards,
Kharis
aThemes Support

Hi Kharis, thanks for your reply but it seems that the code does not work.
Thanks again, regards.

Try adding !important to set the highest priority.

    .sydney_discography_widget .elementor-image-box-img:hover::after {
      background-color: #fff000 !important;
    }

Regards,
Kharis
aThemes Support

Hi Kharis, great. Now its works perfectly.

Thank you very much,
Gards.

You’re welcome Gards!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support