How do I change the Colors of my footer menu? Dawn Theme

Store Design
, , , ,
1

I want the colors of the menu in my footer to match my header, to be static white and red on hover. This is the code used for my header menu

a.header__menu-item.header__menu-item.list-menu__item.link.link–text.focus-inset:hover {
color: #D72638;
}
span.header__active-menu-item:hover {
color: #D72638;
}

summary.header__menu-item.list-menu__item.link.focus-inset:hover {
color: #D72638;
}
.list-menu__item {
color: #fff;
}

Website: blankfuture.co

Password: helpme

2

@eitanj

.footer-block.grid__item.footer-block--menu :hover {
    color: red;
}

add above css in base.css file

3

Hello @eitanj

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you:

body .footer-block__details-content .list-menu__item--link:hover, body .copyright__content a:hover {
    color: #D72638;
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

4

Hello @eitanj ,

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :

<style>
.footer-block__details-content a {
color: #fff !important;
}
.footer-block__details-content a:hover {
color: #D72638 !important;
}

</style>
1 Like
5

This one worked perfectly. Thanks!

6

hey! for both my header and my footer, when im on the page that the text links to, it shows as white with an underline. What can I do to change it to have no underline and be red (#D72638)?

7

@eitanj
add below css into base.css file

ul.list-menu.list-menu--inline {
    text-decoration-line: underline;
}
a.link.link--text.list-menu__item.list-menu__item--link {
    text-decoration-line: underline;
}
8

that didnt work, it did the opposite by adding underlines and making them all white