Order Page header colour change

[aarondwyer]

Hi CE team

Where do I make a change to make the order page header the same colour as the rest of the page (off white) and not blue?



Thanks
Aaron

 

[hadi]

Hello
Please see setting/Public Style/ then Theme Style and Theme Color;
Thanks

 

[aarondwyer]

Thanks, I had a look at those previously but they are not what I want.

Basically I'm after how to customise the top section in the order page?

And how to keep those changes between upgrades.

 

[CE-Matt]

You should be able to just add a background-color to the page-header-to class. The off-white color is #f4f4f4.

Just a note, this will not work for 6.4+

 

[aarondwyer]

Thanks Matt.

However - I'll need to confirm - because I've changed these elements in these files and not seeing any change in my order page.

Looking to change overall background and page header background to just white.


/templates/default/css/style.css

.ce-overall-light {
    background-color: #ffffff;
}

and

/templates/default/css/color-schemes.css

.ce-bgcolor-blue .page-header-top{
    background-color: #ffffff;
    background-image: none;
    border-color: #ffffff;
    color:black !important;
}

 

[CE-Matt]

Assuming you're on the light style that should work.

Feel free to open a support ticket and we can take a look at why it's not applying.

 

[aarondwyer]

Ok thanks Matt for checking on that for me. You are correct of course.

I've tried with different browser and in private mode so there was no risk of having anything in cache.

And the page is rendering nicely now.

 

[topstik]

Thanks Matt.

However - I'll need to confirm - because I've changed these elements in these files and not seeing any change in my order page.

Looking to change overall background and page header background to just white.


/templates/default/css/style.css

.ce-overall-light {
    background-color: #ffffff;
}

and

/templates/default/css/color-schemes.css

.ce-bgcolor-blue .page-header-top{
    background-color: #ffffff;
    background-image: none;
    border-color: #ffffff;
    color:black !important;
}

Thanks for your valuable suggestion. I agree with this post.