Jump to content
Sign in to follow this  
selectams

Reducing the space between Site Branding and Content

Recommended Posts

selectams    2
selectams

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
James B    436
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
selectams    2
selectams

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
James B    436
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
selectams    2
selectams

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
James B    436
James B

Ok, thanks :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      we have noticed that the Elements section is displaying incorrectly under IE11 on Windows 10. See xiting.us. The 3 sections above the footer are Elements sections and they have way too much spacing.
      Is this a known issue?
      Thanks
      Michael
    • sfmstudios
      By sfmstudios+
      I'm using the boxes section on a local development site to play around with some options, and running into an issue.  
      Have the following settings for the boxes:
      Type: Images/SVC Media on Top Image Appearance: Standard/Default Image/Icon Width: 280px Image Opacity: 100% Each of my box images is 280x150 in size, but the result of the image on the box is a strange zoomed-in, cropped square (see attached).  I looked to adjust border properties via CSS, but couldn't find a fix.  What solutions are out there?

    • paoloimperiale
      By paoloimperiale+
      Hi, 
      I was wondering if there's a way to modify the slider container size? My client would like it skinner- not as tall. How would you suggest doing that?
      Thank you.
      (this is for the paoloimperiale.com slider on the homepage) 
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
×