Jump to content
Sign in to follow this  
integritymediacorp

Space between Content & Footer

Recommended Posts

integritymediacorp    0
integritymediacorp

Hi,

 

How I can remove the space between content and footer?

 

or

 

make it responsive by vertically?

 

 

 

Screen-shot-2013-04-19-at-3.01.01-PM.png

 

 

Thank you!

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

You can do this by adjusting the height set in the .mcolumn-pad class in the css. The background for the mcolumn pad will by default only cover the the area directly behind the content, but editing it will css you'll be able to extend this.


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
integritymediacorp    0
integritymediacorp

so I did

 

.mcolumn-pad {
   height: auto; 
  }

but it's nothing changed, maybe I did something wrong...

Share this post


Link to post
Share on other sites
integritymediacorp    0
integritymediacorp

 

Please add #page before .mcolumn-pad like this:

#page .mcolumn-pad

 

Nothing...

 

When I change the browser size. my content box (with image) goes up and I need that he was at the same place as in full scale..

 

see attachments.

 

Thank you!

post-49245-0-70173200-1366655139_thumb.p

post-49245-0-60256800-1366655148_thumb.p

Share this post


Link to post
Share on other sites
catrina    103
catrina

Did you also include this after #page .mcolumn-pad?:

{
   height: auto; 
  }

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
integritymediacorp    0
integritymediacorp

sure

 

#page .mcolumn-pad {
   height: auto; 
  }

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

I just checked your site on my Android phone, and see that you have several responsiveness issues. I suspect that some of them are coming from using full-width images. Instead of trying to make the site mobile as it is, try disabling mobile view in Dashboard > PageLines > Site Options and it may appear much better on mobile devices.

 

This may help keep the full site visible.  Presently, I can't read the title of your site in mobile view, as the image is 'scrunched' (for lack of another technical term).


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
integritymediacorp    0
integritymediacorp

Hi,

 

I just checked your site on my Android phone, and see that you have several responsiveness issues. I suspect that some of them are coming from using full-width images. Instead of trying to make the site mobile as it is, try disabling mobile view in Dashboard > PageLines > Site Options and it may appear much better on mobile devices.

 

This may help keep the full site visible.  Presently, I can't read the title of your site in mobile view, as the image is 'scrunched' (for lack of another technical term).

 

Hi Rob,

 

thank you, but it's another issue. I need figure out issue with space between content and footer when you changed scale your browser..

Share this post


Link to post
Share on other sites
Rob    547
Rob

The gap between the content area white box and the footer is probably due to a min-height tag floating about somewhere. Have you seen this someplace? It's usually 400px.

 

It could be happening on a specific type of page or template.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
integritymediacorp    0
integritymediacorp

The gap between the content area white box and the footer is probably due to a min-height tag floating about somewhere. Have you seen this someplace? It's usually 400px.

 

It could be happening on a specific type of page or template.

 

yes size it is 400px, but when we fix the size of it can't be responsive and still when you change the browser scale this gap appears..

Share this post


Link to post
Share on other sites
Rob    547
Rob

If you change 400px to auto, or lower the value from 400px to 200px, then it helps responsiveness.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
integritymediacorp    0
integritymediacorp

The gap between the content area white box and the footer is probably due to a min-height tag floating about somewhere. Have you seen this someplace? It's usually 400px.

 

It could be happening on a specific type of page or template.

 

I already have it:

#page .mcolumn-pad {
   height: auto; 
  }

and I need put here min-height: 400px; ?

Share this post


Link to post
Share on other sites
Rob    547
Rob

No.  I'm sorry. You're misunderstanding me.

 

There's probably another element, somewhere in your site or page's CSS that is currently using the min-height tag.  By default, that is min-height: 400px;

 

When you find that using Chrome's Inspection Tool or Firebug for Firefox, you change it to min-height: 200px; or min-height: auto;

 

Do not add min-height: 400px;  anywhere as this will further add to your design problems.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
integritymediacorp    0
integritymediacorp

No.  I'm sorry. You're misunderstanding me.

 

There's probably another element, somewhere in your site or page's CSS that is currently using the min-height tag.  By default, that is min-height: 400px;

 

When you find that using Chrome's Inspection Tool or Firebug for Firefox, you change it to min-height: 200px; or min-height: auto;

 

Do not add min-height: 400px;  anywhere as this will further add to your design problems.

 

I already used Firebug for Chrome and I didn't find "min-height" anywhere

 

maybe something else?

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

Setting the height in the mcolumn-pad you'll need to use a static pixel figure, if you use something like 100% or auto then it will only fill the available area the content covers, which is what it's set to do anyway so you won't notice any difference. Using a set figure of 500-600px you'll see a difference, then you can tailor the figure to suit your design.


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
integritymediacorp    0
integritymediacorp

Hi there,

 

Setting the height in the mcolumn-pad you'll need to use a static pixel figure, if you use something like 100% or auto then it will only fill the available area the content covers, which is what it's set to do anyway so you won't notice any difference. Using a set figure of 500-600px you'll see a difference, then you can tailor the figure to suit your design.

 

Thank you James! Fixed it!

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

    • Houston Haynes
      By Houston Haynes+
      OK - folks - back with another nit... The "back to top" link works - BUT - it's only active (i.e. clickable with the associated action following) when the mouse-over hovers over the footer area of the page. I did a quick change of the z-depth (to -1) and nothing made a difference. Any thoughts on how to make the *entire* back-to-top icon hover-able/actionable? Thanks!
       

    • romanondrasek
      By romanondrasek
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have been unsuccessfully trying to get my 3-column widgetized footer aligned centered. The widget section itself is aligned left because the alignment appears to be controller the widget's content only. The container that contains the widget section is aligned centered. I have chosen a 3 column layout and I added 3 widgets, assuming they would be aligned centered.
      Any idea of what I may be doing wrong?
      The page is question is: http://www.michaelkummer.com
      Thanks
      Michael
    • carl
      By carl+
      How do I remove the leaf html5, css3 logos from the footer? Sorry if this have been covered a thousand times, but no clear cut solution available for my version of DMS2. Do I need to go pro to remove? Cheers!
    • lbhansen
      By lbhansen+
      Is there a front-end location where I can replace the PageLines logo with one of my choosing in the footer?
×