WordPress.org

1. Dreamhome1234
   Member
   Posted 3 months ago #

   Help.

   Need assistance formating a header.

   http://www.dreamhomebuildersandremodelers.com

   1) On the url listed above I am trying to get some spacing between the bottom of the title "Remodelers" and the orange page selection bar.

   Many Thanks

2. dawidhun
   Member
   Posted 3 months ago #

   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;

   ;)

3. Dreamhome1234
   Member
   Posted 3 months ago #

   Thx,

   I increased the header size but it did not drop the orange page selection bar. If you look again you can see..

   Thx

4. dawidhun
   Member
   Posted 3 months ago #

   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 1024x678 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.

5. Dreamhome1234
   Member
   Posted 3 months ago #

   thx for the help

Reply

You must log in to post.