Jump to content


Photo

Reducing the space between Site Branding and Content

Custom CSS Spacing

Best Answer James B , 11 June 2013 - 09:22 PM

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.pagel...ion/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.

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 selectams

selectams

    Member

  • Members
  • PipPip
  • 21 posts
  • Country: Country Flag

Posted 11 June 2013 - 08:38 PM

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



#2 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 11 June 2013 - 09:22 PM   Best Answer

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.pagel...ion/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.



#3 selectams

selectams

    Member

  • Members
  • PipPip
  • 21 posts
  • Country: Country Flag

Posted 26 June 2013 - 09:04 PM

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



#4 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 26 June 2013 - 09:13 PM

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



#5 selectams

selectams

    Member

  • Members
  • PipPip
  • 21 posts
  • Country: Country Flag

Posted 26 June 2013 - 09:47 PM

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



#6 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 26 June 2013 - 10:36 PM

Ok, thanks :-)







Also tagged with one or more of these keywords: Custom CSS, Spacing