Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Thank you very much for your Easy Breeze template for Drupal.
> I would like to ask if and how I could change the height of the header
> (the black section containing the logo, etc.) and change it's color, as well as the color of the footer.
Comments
Comment #1
hswong3i CreditAttribution: hswong3i commentedYou can define your custom setting within custom.css, in order to override the default layout. Please refer to README.txt for more idea. Here are some default setup within style.css. Please override them as you like :D
Height of header region (since footer region will not appear if nothing within it, so there is no height definition for that):
Color of header and footer region are defined within body tag as background (the white color main region is then "on top of" this background):
Comment #2
hswong3i CreditAttribution: hswong3i commentedP.S. If the information is useful enough, please set this issue as fixed :D
Comment #3
drupaloo-1 CreditAttribution: drupaloo-1 commentedThank you for your quick and helpful response!
Comment #4
drupaloo-1 CreditAttribution: drupaloo-1 commentedHi,
When I change the height setting to say 100 in:
#wrapper #container #header {
height: 150px;
margin-bottom: 15px;
}
The height of the actual header (the black region) does not change. Instead, the text on the body of the page is moved up and over the black header. Eg. the title of the top menu is now on top of the dark header region, instead of on white space.
Comment #5
drupaloo-1 CreditAttribution: drupaloo-1 commentedHi,
I am new to theme modification so please excuse my probably simple newbie questions...
I saw that the black header has a background image - I replaced this with my own - a graphic that is less high - so now the header has a height I like.
However, the header text and logo remained in position, and since the header background is now less high, the header text and logo are now half over the header background image and half over the white space of the page.
In other words, the the header text and logo need to be moved up - could you please tell me how to do that?
Thank you!
Comment #6
hswong3i CreditAttribution: hswong3i commentedEasyBreeze share similar design and logic with Interactive Media, so please refer to http://drupal.org/node/269458 for more information ;-)
Comment #7
hswong3i CreditAttribution: hswong3i commentedComment #8
drupaloo-1 CreditAttribution: drupaloo-1 commentedHi,
Thank you for your message.
You referred me to http://drupal.org/node/269458 for more information and it does not help me.
I have tried looking at the following terms in style.css:
height
slogan
logo
etc.
And there is no place I can see where I can raise the logo and slogan upwards.
I will try changing some values and see what happens....
Comment #9
drupaloo-1 CreditAttribution: drupaloo-1 commentedI have been able to move the logo image upwards by changing the value of 5px in the section below:
#wrapper #container #header #logo img {
float: left; /* LTR */
margin: 5px 10px 0 0; /* LTR */
}
Now I just need to figure out how to move the slogan upwards.
Comment #10
drupaloo-1 CreditAttribution: drupaloo-1 commentedI found that changing the 3px value in the section below moves the slogan up and down:
#wrapper #container #header #slogan-floater {
float: left; /* LTR */
margin: 3px 0 0;
padding: 0;