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 
want to narrow main page link
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> General Discussion
View previous topic :: View next topic  
Author Message
tigersi



Joined: 20 Apr 2005
Posts: 174

PostPosted: Wed Aug 24, 2005 11:47 pm    Post subject: want to narrow main page link Reply with quote

Hi John,

I want to narrow the height of the page area where the "Main page" link shows on articles (in the center column at the top of the article. Right under the top nav bar). The intent is to narrow it enough so that the article's title shows "above the fold."

What code do I need to alter?
_________________
Thanks!
Kathy (aka, Roaring Tiger)
http://bigcatchronicles.blogharbor.com
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Thu Aug 25, 2005 12:56 am    Post subject: Re: want to narrow main page link Reply with quote

The intent is to narrow it enough so that the article's title shows "above the fold."

"Above the fold" is a newspaper term which means essentially the top half of the newspaper page; in terms of the web in means that which you can see without scrolling down. And that would depend on how big one's screen is of course, so there really is no exact definition in pixels as to what this term might mean.

Your blog has about 300 pixels from the bottom of the breadcrumb lines to the top of the article, and that space is taken up by a Google ad. There's about 26 pixels between the bottom of your header to the top of your breadcrumb line... So if you really want to make sure your article title stays above the fold, I would think about shaving some of those 300 pixels and not the 26...

In any case, in your template, the table.blogHeader class adds 8px of bottom padding, you could lower it to 2 by adding this customization to your style template:

Code:
table.blogHeader {
    padding: 0 0 2px 0;
}


You might be able to save a few more pixels changing the top padding of your articleBreadcrumb class to this:

Code:
.articleBreadcrumb {
    padding: 2px 0 6px 0;
}


But if you really want to ensure you're "above the fold" you'll need to do something about the size of your Google ad.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
tigersi



Joined: 20 Apr 2005
Posts: 174

PostPosted: Thu Aug 25, 2005 8:48 am    Post subject: thanks Reply with quote

thanks. did a bit of it all and got the desired result.
_________________
Thanks!
Kathy (aka, Roaring Tiger)
http://bigcatchronicles.blogharbor.com
Back to top
View user's profile Send private message 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 -> General Discussion 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