t3 framework

If you cannot achieve above then you must create a new class to override inbuilt template style and place that in your customized css file. And you need to place above highlighted changes in it.

For an example, consider first change in above comment:
HTML:

<nav class="wrap t3-mainnav" id="t3-mainnav">

Select allOpen in new window

Then you need to create a new Class with Name as 'customMainNav' like below:

.customMainNav {
    background-image: linear-gradient(to bottom, #23367E, #23367E);
}

Select allOpen in new window

Then place this class in your 'custom.css' file and add this class in HTML tag:

<nav class="wrap t3-mainnav customMainNav" id="t3-mainnav">

Select allOpen in new window

If you do not like to create a new class then replace '.customMainNav' to '#t3-mainnav' in 'custom.css' file. This does't require any change in HTML tag too.

This change the header color from grey to blue. Now perform similar above comment changes in this steps & you will get your answer without changing any inbuilt bootstrap/template style css files.

CSS shows different ways to achieve a problem. Let me know if you have any issues.

Happy To Help :)

Md Shah how did u find the path and file name of the file that needs to be changed

@ammadeyy2020:

I have browsed the URL you have shared in your question & found the CSS path's & file name by utilizing the Web Developers tool of the browser.

Please find the attached screenshot - as you blocked the site, I have shown you by taking another site.

How to see Web Developers Tool in latest browsers:
1) Open any browser
2) Browse your URL
3) Click 'F12' key. You can Web Developers Tool being open at lower section of browser.

For older versions of browser, you need to install add-on's like Firebug Add-On on needs to be installed for Firefox older versions.

For more info, you can see this - http://en.wikipedia.org/wiki/Web_development_tools

Let me know if you have any issues !
sample.png