change color scheme

[FEBO27]

Hi,

I would like to change the color scheme of the PAGES section. But even though I change it, the desired changes are not generated (which is scheme style number 6). Currently, I am using the Craft theme and unable to find an option to change page load color. Screenshot is attached for the reference. Thanks.

page: 

https://febo.jp/pages/tu-personalidad-en-tus-manos

https://febo.jp/pages/conoce-mi-historia

[Moeed]

Hey @FEBO27 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.page-width--narrow h1 {
    color: #AF730A !important;
}
.page-width--narrow {
    color: #AF730A !important;
}
.rte.scroll-trigger.animate--slide-in h3 {
    color: #AE730A !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[FEBO27]

Is there any chance that there will be no color differences in the background (between the top and the body)? Thank you so much

[Moeed · Accepted solution]

Hey @FEBO27 

Keep the previous code and add this new code above </style> in the end of theme.liquid file

main#MainContent {
    background: #FAF8F4 !important;
}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSS-TekLabs]

- Here is the solution for you @FEBO27 

- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
.section-template--23349732933923__main-padding,
.section-template--23349732933923__main-padding h1,
.section-template--23349732933923__main-padding h3 {
    color: #af730a !important;
}
</style>

Copy

Copy

Copy

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.