Change colour of text when hovering feeling moody theme

Store Design
1

Can’t seem to figure out how to change the colour of the text when hovering my mouse on menu items. I have tried so many codes in the theme.css.liquid but nothing seems to be working.

my theme for the site is : feeling moody

i’m not sure if this makes a difference.

2

Hello! It looks like you are using a third-party theme and any code snippets you come across may be Shopify-made theme specific. Your best bet is to reach out to the developer directly for the most direct and accurate help.

I found their contact page for you here and managed to get in touch via their live-chat feature. The developer said you can email Hello@erikasenneff.com and they will be able to help you directly.

Hope that helps! If there is anything else I can assist with, feel free to reach back out and if you’re comforable sharing your URL and interested in some tailored feedback on your store, I’d love to help!

3

@6degreesswim

Could you provide me store URL? I should be able to answer your question.

Yours faithfully!

4

Hello @6degreesswim ,

Follow this:

  1. Navigate to Online Store->Theme->Edit code
  2. assets->/theme–critical.css → In the file “theme–critical.cus” add the following code at the bottom.
**.header--x-menu a:hover {**
**      color: red;**
**}**
  1. Save it.

Thank you

5

@6degreesswim Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

6

www.shop6degrees.com

7

Hello @6degreesswim,

Follow this:

  1. Navigate to Online Store->Theme->Edit code
  2. assets->/theme.css → In the file “theme.css” add the following code at the bottom.

.site-nav__dropdown a:hover {
color: #bc8c70 !important;
}
span.site-nav__label:hover {
color: #bc8c70 !important;
}
  1. Save it.
8

@6degreesswim

add this code to your theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.css and paste the following code:

#SiteNav li a span:hover{

color: yellow !important;

}