View previous topic :: View next topic |
Author |
Message |
nckman
Joined: 21 Apr 2007 Posts: 3
|
Posted: Sat Apr 21, 2007 9:01 am Post subject: Banner Alignment |
|
|
I've read through all the information about adding banners. Are there any tips on how the have the banner line up exactly with the blog, such as the BlogHarbor blog? |
|
Back to top |
|
|
john Site Admin
Joined: 16 Mar 2004 Posts: 3434
|
Posted: Sat Apr 21, 2007 10:22 am Post subject: Re: Banner Alignment |
|
|
nckman wrote: | I've read through all the information about adding banners. Are there any tips on how the have the banner line up exactly with the blog, such as the BlogHarbor blog? |
The answer is going to depend on your image and your current color scheme, and what thing you want to align with what other thing.
How about a link to the page you are working on and an explanation of what you are looking to do? |
|
Back to top |
|
|
nckman
Joined: 21 Apr 2007 Posts: 3
|
Posted: Mon Apr 23, 2007 2:53 pm Post subject: Re: Banner Alignment |
|
|
john wrote: | nckman wrote: | I've read through all the information about adding banners. Are there any tips on how the have the banner line up exactly with the blog, such as the BlogHarbor blog? |
The answer is going to depend on your image and your current color scheme, and what thing you want to align with what other thing.
How about a link to the page you are working on and an explanation of what you are looking to do? |
The blog can be viewed at http://buildabizsite.blogharbor.com/blog. I'm trying to have the banner line up on the left / right of the blog. I've tried changing the banner width, however, cannot eliminate the offset. |
|
Back to top |
|
|
john Site Admin
Joined: 16 Mar 2004 Posts: 3434
|
Posted: Mon Apr 23, 2007 4:11 pm Post subject: Re: Banner Alignment |
|
|
Your're going to need to modify your CSS file, instructions for doing so are here. Instead of making the changes noted on those instructions, you'll need to do make changes approporiate to the area you wish to modify (see the Style Template CSS Reference for a guide to CSS styles used on your blog).
The style which you are most interested is this one:
Code: | table.columns td.header {
padding: 0 15px 6px 12px;
background-color: #000;
color: #fff;
border-bottom: 8px solid #093a97;
} |
So you are going to need to override the padding and probably background-color (which I am assuming you want to change to white). So try adding this to your Custom CSS to override the styles above:
Code: | table.columns td.header {
padding: 0 0px 6px 0px;
background-color: #fff;
} |
That might help you achieve the effect you are looking for. |
|
Back to top |
|
|
nckman
Joined: 21 Apr 2007 Posts: 3
|
Posted: Sat May 05, 2007 1:45 pm Post subject: Banner Alignment |
|
|
Thanks John. I made the changes, and the banner was still indented left and right. I tried changing the banner width from 800x120 to 900x120 which didn't work. Is there a way to comletely fill the white space at the top of the blog with a banner image? |
|
Back to top |
|
|
john Site Admin
Joined: 16 Mar 2004 Posts: 3434
|
Posted: Sat May 05, 2007 7:28 pm Post subject: Re: Banner Alignment |
|
|
Try this CSS:
Code: | .componentBlogname {
padding-right: 0px;
padding-left: 0px;
} |
in your Custom CSS and make sure to remove the <BR> tags inside your custom header component. |
|
Back to top |
|
|
des
Joined: 31 Dec 2004 Posts: 152
|
|
Back to top |
|
|
Search all BlogHarbor support resources.
|
View previous topic :: View next topic |
|