Band, Sydney pro

Dear,

I changed the pink color to red (#dd3333) in customizer but there are some things who not want to change.
The first menu item on top and the disc behind the tracks. As you can see in the picture below.
How to get them to #dd3333?

Kind Regards,

Kevin

Also how to change the color of the text?
I need it to be white.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .sydney_discography_widget .entry-thumb:hover:after {
      background: #dd3333;
    }

Try adding this CSS code:

    .sydney_discography_widget {
      color: #fff;
    }

Regards,
Kharis

Dear Kharis,

Thank you for the help it worked! There is only one problem… The hover behind the track does not appear anymore, here do you have a LINK to the website. And the name of the album is still purple when it hovers. And when they not hovering they are still black, if it is possible I want them white and when hovering #dd3333.

Kind Regards,

Kevin

It appears fine to me as seen on the below screencast:

To color the title, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .elementor-widget-wp-widget-sydney_discography .entry-title a {
      color: #fff;
    }

    .elementor-widget-wp-widget-sydney_discography .entry-title a:hover {
      color: #dd3333;
    }

Regards,
Kharis

Dear Kharis,

Thank you! if they appear on your screen I hope they work!
I checkt my phone and they appear to be white on mobile. Can they disappear on mobile or be red?
thank you for the time!

Kind Regards,

Kevin

Hello there,

Try clearing your mobile web browser’s cache/history. Maybe it loads older version of your site where new custom code had not been added before.

https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens

Regards,
Kharis

Dear @kharisblank
I tried on a new device and is still the same.
Please take a look for your self https://nlwolffbeat-vepe.savviihq.com/.

Kind Regards,

Kevin

Dear support,

Can somebody help me with this question?

Kind Regards,

Kevin

Hello Kevin,

I am sorry for the delay. I just noticed that you’re referring to the hover effect which is only be recognize-able on non-touch device. Because it links to its own details page. Because it’s actually a matter of code limitation and device-specific behaviour, it must stays as it is now. Nothing we can do. Please let me know if I didn’t get you correctly.

Regards,
Kharis

Dear Kharis,

Thank you for the respond, you got it right however is it possible to let it disappear on mobiles and tablets like the option in Elementor? And still be visible on pc.

Kind Regards,

Kevin

Hello Kevin,

You’d need to add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 991px) {
      .sydney_discography_widget .entry-thumb:after {
        display: none;
      }  
    }

Regards,
Kharis

Dear Kharis,

Thank you it worked !

Kind Regards,

Kevin

You’re welcome Kevin!

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