Need help to custumize title header


(Praveen Kumar P S) #1

Hello Guys,
I need some help to truncate certain portion of the header as if it was not there. I want to remove the area marked in red in the image. somehow cover the area marked in red, with black color as if it was not there.


(Evgeny) #2

Try adding this, pre-adjusted the height and padding.

.d-header {
    padding: 0;
    height: 4.01em; 
    background-color: #000;
}

.d-header .wrap {
    background-color: #fff;
}

(Praveen Kumar P S) #3

Thanks for the replay. When I added the css, every thing worked fine, except the box shadow. The box shadow went missing. So i made some modification but still the same, no box shadow for header. Need some help over here, @Stranik
see my modified css:

  .d-header {
            padding: 0;
            height: 0.01em;
            background-color: #000;
            box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
        }
  .d-header .wrap {
            background-color: #fff;
        }


(Evgeny) #4

I’m not a designer myself and don’t know css well, but it works for me.

.d-header {
    background-color: #000;
}

.d-header  .wrap {
    background-color: #fff;
    max-width: 1144px;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}

(Praveen Kumar P S) #5

Thank You so much @Stranik. You solved my problem. See final modification,

.d-header {
    padding: 0;
    height: 0.01em;
    background-color: #323433; //#4e726a;   //Header background Colour
    box-shadow: none;
    width: 100%;
    padding-top: 1px;
    height: 48px;
}

.d-header  .wrap {
    background-color: #fff;
    max-width: 1144px;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
} 

Thank You


(system) #6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.