Order Page header colour change

aarondwyer

New Member
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?

CEOrderPageHearder.jpg

Thanks
Aaron
 
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.
 
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+
 
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

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

and

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

Code:
.ce-bgcolor-blue .page-header-top{
    background-color: #ffffff;
    background-image: none;
    border-color: #ffffff;
    color:black !important;
}
 
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.
 
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.

CEOrderPageHearder2.jpg
 
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

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

and

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

Code:
.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.
 
Back
Top