You have to edit the style.css
Here is mine (and most of the theme’s stlye.css looks like this)
(Search for this segment in it)
/* The Top */
#top {
height:150px;
width:1000px;
margin:auto;
background:#000000 url(images/head.gif);
background-repeat:no-repeat;
}
.blogname {
float:right;
width:700px;
font-family:"Century Gothic",Verdana,Tahoma,sans-serif;
margin:0px 0 0 0;
}
.blogname h1 {
font-size:45px;
font-weight:bold;
margin:40px 0px 0 25px;
text-decoration: none;
text-align:left;
So:
With #top You can change the size of the top area.
There are options too with .blogname
And .blogname h1 sets the font size. I think You need simple change the font size of Your blogs name. It is too big. -> font-size: 22px;
😉
Thx,
I increased the header size but it did not drop the orange page selection bar. If you look again you can see..
Thx
Yes, it will not, because the orange bar is an backround image:
With increasing the header size it will not increase too. Only the blog name will be upper or lower.
The backround of the header:
headerBackground.png
And it is in this directory:
(http://dreamhomebuildersandremodelers.com/wp-content/themes/layers/images/headerBackground.png)
This image is repeated x or y and it contains that orange line. If You are not familiar with image editing softwares, I can only advice You to change the font sizes of the menu and the blog name.
The optimal settings are good when Your site is good readable in 1024×678 screen resolution.
Now You have to change the font size and spacing of the menu elements because of about us and contact us.
The setting are in style.css
Search for:
#menu and padding: in style.css
Edit the padding line to get the optimal result.
