Different color header and template theme ride

Store Design
,
1

Hi, How can I choose a different color between the header and the rest of the page on Theme Ride?

1 Like
2

Hi @Sisko1

Do you mean background color? In default you can change it on white and black, but if you like to use the color you like then we can add some codes on it.

1 Like
3

Hi @Made4uo-Ribe

Thank you for your answer and I am sorry my late reply. I mean the background color. I would like to have yellow on the background header and from the blue line down change it for white.

Screenshot 2023-08-23 111827.png
Screenshot 2023-08-23 111827.png1146Ă—454 83 KB

1 Like
4

Would you mind to share your store URL website? with password if its protected. And what kind of yellow color you like to use?

5

https://labellevenus.com/

There s no password at the moment

1 Like
6

Btw, That’s the yellow. If you can write it #colornumber would be awesome so I can change it in the future.

7

Thank you for the informatin. Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
main#MainContent {
    background: white !important;
}
.collection.section-template--20322656846130__featured_collection-padding {
    background: white;
}
  • And Save.

I hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
8

Thank you Ribe_Dagandara!

1 Like
9

Welcome. :blush: