Solved

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

mqecommerce
Tourist
11 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
Tourist
11 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
Tourist
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
Tourist
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
Tourist
11 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
Tourist
13 2 0

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

PrivateTimes
Tourist
13 2 0

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

mqecommerce
Tourist
11 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
Tourist
11 1 6

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

PrivateTimes
Tourist
13 2 0

Awesome. Glad you got it fixed. 🙂

PrivateTimes
Tourist
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. 🙂