GofCanada Web Usability theme: how to remove "wavy" bg image and blue bg colour from its header?

[olegk1]

Hi there:
I was asked to customize our GoC's Web Usability theme's header slightly be removing its "wavy" bg image and bg colour. I did my best in locating all the relevant WET CSS files, and embedded them into section of our header include to override the standard WET CSS classes, but in some pages (especially with browser window being minimized slightly) that blue bg appears again.

I'd like to double check with you which CSS files I need to completely remove the bg image and bg colour? Maybe I left something out which causes the issue of random bg colour's re-appearance?

Thanks a lot in advance for all your help with that.
Oleg

[nschonni]

The "wavy" background is part of the theme/old spec if you're building a site that hasn't migrated to the GCWeb theme. If you're not doing this for a department, then you might be better off using the base theme and customizing that one.

[olegk1]

Thanks for the reply.
We have been using GCWeb theme as we are Cdn Fed agency, but due to the nature of our agency our website does have some autonomy in terms of our "look and feel". However, our site is based on GCWeb theme. The only thing we'd like to change is to remove the elements I mentioned.

[duboisp]

@olegk1

For the wavy bg image you can modify the following 2 lines of code:

• https://github.com/wet-boew/theme-gcwu-fegc/blob/master/src/views/_screen-md-min-ie8.scss#L13
• https://github.com/wet-boew/theme-gcwu-fegc/blob/master/src/views/_screen-md-min.scss#L52

For the bg color it check the variable here: https://github.com/wet-boew/theme-gcwu-fegc/blob/master/src/_variables.scss

After you did you change you can simply (can take times...) build your customized theme.

[olegk1]

@duboisp
Thank you! Merci!