How can I change the text and symbol color in CSS?

Store Design
, ,
1

Hey,
can someone help me with a useful CSS code to change the Font-Color of the header & footer for the Text & Symbols to #9FA92E?
That would be very very helpful!
Thanks a lot!

Greetings from germany

Fabian

1 Like
2

Hi @MotorMemories

Can you provide your website?

3

Certainly! To change the font color of the header and footer text and symbols to the color #9FA92E using CSS, you can add the following code to your stylesheet:

/* Change header font color */
.header {
  color: #9FA92E;
}

/* Change footer font color */
.footer {
  color: #9FA92E;
}

In the above code, .header and .footer are assumed to be the class names or selectors for the header and footer elements, respectively. Replace them with the appropriate class names or selectors used in your HTML markup.

By setting the color property to #9FA92E, you specify the desired font color for the header and footer text and symbols. You can adjust the hex color code as needed to achieve the exact color you want.

Add the CSS code to your stylesheet file or within the <style> tags in the <head> section of your HTML file. After adding the code, the font color of the header and footer elements should change to the specified color #9FA92E.

4

Of course, its motormemories.de

1 Like
5

it didnt work ;/

6

of course, motormemories.de

7

Hi @MotorMemories ,

Please use the code below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
a.header__menu-item.list-menu__item , 
span.header__active-menu-item {
    color: #9FA92E;
}
8

Hello @MotorMemories

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.list-social__link {
    color: #9FA92E !important;
}
.footer-block__details-content .list-menu__item--link, .copyright__content a {
    color: #9FA92E !important;
}
h2.footer-block__heading {
  color: #9FA92E !important;
}
.copyright__content {
    color: #9FA92E !important;
}
9

It didnt work ;/ is it because i use the Ride theme?

10

Hello @MotorMemories

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.header__active-menu-item {
    color: #9FA92E !important;
}
.header__menu-item {
    color: #9FA92E  !important;
}
.header__icon {
    color: #9FA92E !important;
}