Archived

This topic is now archived and is closed to further replies.

  • 0

Reducing the space between Site Branding and Content


Question

Posted · Report post

Hi, 

 

I am looking to reduce spacing between site branding and default content in platform pro. 

 

Could somebody please guide me with the custom css codes please? 

 

Cheers

 

Prasanna

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Hi Prasanna

 

To make the adjustments you'll need to use a web inspector like firebug or those inside the chrome browser. There's a guide at http://support.pagelines.me/docs/customization/custom-css/ which will give a more indepth overview of how to make the changes.

 

If you're looking for padding/margins in the inspector these will show up as yellow/blue areas in the firebug inspector. Here's a video cast which demo's removing the padding and to find where the padding is being applied - http://screencast.com/t/QdC5BCs3

 

You can then test the changes you've made on the live site and copy/paste the changes back into the custom code box in platform.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi James, 

 

My apologies for the delayed response. Your suggestion works perfectly for site branding padding. However, I am unable to find how to eliminate gap between Main Navigation and Main Content. 

 

i.e there is a gap between main navigation and main content which I would like to eliminate. its probably padding of content section or main navigation section but I am unable to find the right css code. 

 

I have tried

 

#maincontent. content-pad {

    padding: 0px;
}

 

but no luck yet, Are you able to advise some ideas?

 

Many Thanks

 

Prasanna

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Prasanna,

 

Just a sidenote, always start a new thread if the existing thread has been answered. I've just seen this in error by going through another list looking for another post, unfortunately once answered the moderators don't see the previously answered posts in the new/unanswered questions column so we could miss it etc. To be safe always start a new one if the previous was answered but somethings changed or need amending :-)

 

However, the gap between the nav and the content seems to be coming from a margin applied to the nav. If i'm following you that will make the white area go right underneath the nav so they meet.

 

#nav {
    margin-bottom0;
}

 

screenshot - http://screencast.com/t/CurKDcnMuSd

Share this post


Link to post
Share on other sites

Posted · Report post

James - Many Thanks.

 

I am working on a different site not the one you used for screencast. unfortunately, your advise did not work on this occasion (very unusual)

 

As advised, I will start a new thread and post my question there. 

 

New thread is called - Custom CSS for Padding between Navigation and Content

 

Cheers

 

PK

Share this post


Link to post
Share on other sites

Posted · Report post

Ok, thanks :-)

Share this post


Link to post
Share on other sites