BlogHarbor Home Page
FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  UsergroupsRSS   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
Altering blogware style template
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Tips and Tricks
View previous topic :: View next topic  
Author Message
Richard McKinnon



Joined: 29 Aug 2005
Posts: 12

PostPosted: Mon Aug 29, 2005 5:24 pm    Post subject: Altering blogware style template Reply with quote

I want to make some small alterations to the presentation in a 3 column blog built using the blogware style template.

Currently the "category" component is in the top of the left column; the "recent articles" the top of the right. I would like to drop both down a number of points.

In the middle column, at the top is the "previous 10 ten articles" with a dotted blue line above and below.

How do I shift the previous ten to the right or left column; and then get rid of those two lines. Then I want to move up the main body copy of the blog and give a cleaner look.
Back to top
View user's profile Send private message
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Mon Aug 29, 2005 6:49 pm    Post subject: Re: Altering blogware style template Reply with quote

Currently the "category" component is in the top of the left column; the "recent articles" the top of the right. I would like to drop both down a number of points.

You'll need to add some custom code to your CSS via the style template, which controls most of the presentation elements on your blog. Please read this post, which walks you through the process of altering the style template to narrow the width of the content and centering it on the page. Instead of that code, use the following:

Code:
table.columns td.left {
    padding-top: 20px;
}
table.columns td.right {
    padding-top: 20px;
}


which will lower add some additional padding between the bottom of the header and the top of your left and right sidebars.

In the middle column, at the top is the "previous 10 ten articles" with a dotted blue line above and below. How do I ... get rid of those two lines.

Add the following to your stylesheet in addition to the code above.

Code:
.articleBreadcrumb {
    border-top: none;
    border-bottom: none;
}

.photoBreadcrumb {
    border-top: none;
    border-bottom: none;
}


How do I shift the previous ten to the right or left column

That is not possible, that section is bound to the article and it's not possible to relocate it to a sidebar.

Highly recommended is our most recent podcast, BlogHarbor Cruise #3, where we presented many tips on customizing your blog's look and feel.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Search all BlogHarbor support resources.
View previous topic :: View next topic  
Display posts from previous:   
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Tips and Tricks All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum