Top nav & side nave social media pins hover and color change

Hello,

I love the Cali theme. It’s so sleek. I’d really like to change the hover color on the social media icons on the top nav and side nav from pink to #cc5500. I would also like my widget sidebar subscribe button to also change from pink to #cc5500.

Thank you for your help!
Leisa

Hi Leisa,

Thank you for using our theme and showing your love. We really appreciate it.

We can suggest you with some custom CSS code to address your queries. But we need to check your site directly for specific configuration may require different CSS selector. So I request you sharing your website URL here as a reply to this response.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi Kharis,

Thank you for your response. https://indieitpress.com

I appreciate your help with this.

Best to you,
Leisa

Hi Leisa,

Thank you for sharing the link.

Try adding the below CSS coe to Appearance > Customize > Additional CSS from dashboard.

    .main-navigation_wrap .social-navigation.social-links a:hover {
      color: #cc5500 !important;
    }

    .jetpack_subscription_widget button {
      background: #cc5500;
      border: 1px solid #cc5500;
    }

    .jetpack_subscription_widget button:hover {
      color: #cc5500;
      background-color: transparent;
    }

Regards,
Kharis
aThemes Support

This worked. Thank you!

Can I bug you one more time to change the hover color to #cc5500 on the top nav search magnifier & shopping cart, plus the sidebar social media widget all from the hover pink to #cc5500?

Thank you!

Hello there,

Thank you for getting back.

Try adding this CSS code:

    .site-search__wrap--header .site-search_submit:hover i,
    .wc-header-cart__link:hover,
    .widget-area .widget a:hover {
      color: #cc5500 !important;
    }

Regards,
Kharis
aThemes Support