What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Empire theme Header menu dropdown text color is not changing as expected

Solved

Empire theme Header menu dropdown text color is not changing as expected

mqecommerce
Excursionist
15 1 6

Hi

I have Empire theme installed. I want white as header and footer and dropdown background color. But I need text in black color including the text in dropdown.

I have tried all the css code change options available online but didn't work. I am attaching snips for your reference.

 

Thanks in advance.

 

Header:

Screenshot (64).png

Footer:

mqecommerce_0-1711829004286.png

 

Accepted Solutions (2)
mqecommerce
Excursionist
15 1 6

This is an accepted solution.

mqecommerce_0-1711839585553.png

 

Thanks for the get back. Do you think this is the right place to change hex? SORRY, I am new to Shopify and learning.

View solution in original post

PrivateTimes
Excursionist
13 2 0

This is an accepted solution.

You may also be able to change the color in theAdmin area, using  Online Store - Theme - Customise - Colors, or whatever it looks like your end. 🙂

View solution in original post

Replies 8 (8)

PrivateTimes
Excursionist
13 2 0

Try using this code: 

2024-03-30 22-09-53.jpg

To apply these styles:

  1. From your Shopify admin dashboard, go to Online Store > Themes.
  2. Click on "Actions" next to your Empire theme and select "Edit code."
  3. In the code editor, open the "Assets" folder and locate the "theme.scss.liquid" file.
  4. Scroll to the bottom of the file and paste the above CSS code.
  5. Save the changes.

Make sure to replace the hex color codes (#ffffff for white and #000000 for black) with the exact colors you want to use if necessary.

After applying these styles, the header, footer, and dropdown backgrounds should be white, and the text color should be black throughout, including text within dropdown menus.

 

Hope it helps, let me know. 🙂

mqecommerce
Excursionist
15 1 6

Hi, Thanks for the reponse but it didn't work.

 

Here's the link to the preview: https://0zhnn45mpgxrcypf-57098928194.shopifypreview.com

 

Here's the snip of the code added:

mqecommerce_0-1711838404706.png

 

Any insights are highly appreciated!

PrivateTimes
Excursionist
13 2 0

Hmm! Search for 'navmenu-link' and see if there is an option to change the hex code maybe.

PrivateTimes
Excursionist
13 2 0

Elite Escapes 2024-03-30 22-50-40.jpg

mqecommerce
Excursionist
15 1 6

This is an accepted solution.

mqecommerce_0-1711839585553.png

 

Thanks for the get back. Do you think this is the right place to change hex? SORRY, I am new to Shopify and learning.

mqecommerce
Excursionist
15 1 6

It's fixed. Amazing. Thanks buddy. I'll comment on this thread if I need any further help.

PrivateTimes
Excursionist
13 2 0

Awesome. Glad you got it fixed. 🙂

PrivateTimes
Excursionist
13 2 0

This is an accepted solution.

You may also be able to change the color in theAdmin area, using  Online Store - Theme - Customise - Colors, or whatever it looks like your end. 🙂