riomusi 0 Report post Posted October 29, 2011 Hello, http://www.cssstickyfooter.com/ Sticky Footer, which stuck to the bottom of the page even when thin on content. Otherwise it would be floating halfway up the page. Is it possible to implement in platform pro? Share this post Link to post Share on other sites
catrina 103 Report post Posted October 29, 2011 I think it has been done before, but I'm not sure. You can try it and see but if you run into problems you can ask further questions here. 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
riomusi 0 Report post Posted October 30, 2011 Hello Catrina, That's my problem.. Platform Pro got a rather complex CSS Structure, which I am not able to adjust. I tried this, but doesn't work [code] html, body { height: 100%; } #page { min-height: 100%; } #page-canvas { overflow:auto; padding-bottom: 150px; } #footer { margin-top: -150px; /* negative value of footer height */ height: 100px; clear:both; background-color: #b3936a; text-shadow:none; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } [/code] Is there any document that explains how platform pro's CSS structure? thanks, Rio Share this post Link to post Share on other sites
catrina 103 Report post Posted October 30, 2011 I went to the CSS sticky footer site but it says the site has been suspended. Is there any other site that explains how this footer is implemented? 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
riomusi 0 Report post Posted October 31, 2011 http://web.archive.org/web/20110719023734/http://www.cssstickyfooter.com/using-sticky-footer-code.html :) Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted October 31, 2011 Hi Riomusi, I went to your site but it seems to using another theme and not Platform. Would it be possible for you to create like a test site and set it how you want it to look and then we can take a closer in setting up your footer correctly. Please search our forums, before posting! Share this post Link to post Share on other sites
riomusi 0 Report post Posted October 31, 2011 Hello, Danny, Maybe a whole new sandbox here: http://sandbox.recorderz.com thanks, Rio Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted October 31, 2011 Hi Rio, Yeah thanks for this but would it be possible for you to change your sandbox site to how you want it to look and then we can get working on addressing your footer concern. Once you have this completed and can then show the footer not being in the position you want, we can start to work to resolve your issue. Please search our forums, before posting! Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted November 1, 2011 Hi Rio, I've just been back to your site and can see a change in the look, so when you have the site ready, reply here and we can work on your sticky footer. Please search our forums, before posting! Share this post Link to post Share on other sites
Analog Drawings 0 Report post Posted November 2, 2011 Hello, I would like a sticky footer on my site too, any help greatly appreciated! http://www.drawings.me.uk/adaptations/wordpress/ Share this post Link to post Share on other sites
kastelic 6 Report post Posted November 2, 2011 In theory, this trick can work on any theme. Nimblepaul, have you followed all the instructions on the Sticky Footer site, and still it is not working? Or what aspect of the method are you guys having trouble with? If you could give us a specific step that you are having trouble with as applied to PlatformPro, that would be great. Share this post Link to post Share on other sites
Analog Drawings 0 Report post Posted November 3, 2011 I know where to pop the css for the sticky footer (in my custom code) but where do I put the HTML needed for this to work? [code] [/code] Sorry if I'm being a bit thick... Share this post Link to post Share on other sites
kastelic 6 Report post Posted November 3, 2011 You wont want to add new html, you will want to apply the CSS rules to the appropriate elements already present within the theme. #footer should still be #footer #wrap should probably be #site and #main could be #page You will want to get firebug or google chrome to view your page structure and experiment with different combinations. No guarantee that it will work of course. Share this post Link to post Share on other sites
Analog Drawings 0 Report post Posted November 4, 2011 Have tried what you suggested, not working just yet but when I have more time will play around and see what I can do! Thanks for the help! Share this post Link to post Share on other sites
Jenny 33 Report post Posted November 5, 2011 Let us know how it goes! ♥ Jenny :: Web designer at Simple Mama (follow me at @simplemamacom) Check out Share Me, a social sharing add-on for DMS that is super simple to set up. Share this post Link to post Share on other sites
Kate 3 Report post Posted November 7, 2011 @riomusi Any updates on how it's going? If you're still having difficulty, I would recommend contacting either one of the Pros, or another CSS expert, as this is a semi-complicated task. Share this post Link to post Share on other sites
rljmedia+ 0 Report post Posted January 4, 2012 Curious if anyone has solved the sticky footer problem in pageline pro. My site would do well with a sticky footer. [url]www.rljmedia.com[/url] Share this post Link to post Share on other sites
rljmedia+ 0 Report post Posted January 4, 2012 So far all I did was make the footer large enough for it to look like it sticks. I kinda wanted the footer to be thinner. My Code [code] html, body {height: 100%;} #site {min-height: 100%;} #page {overflow:auto; padding-bottom: 275px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -275px; /* negative value of footer height */ height: 275px; clear:both;} /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } [/code] Share this post Link to post Share on other sites
kastelic 6 Report post Posted January 5, 2012 Have you tried something like this? [code]#main { min-height: 680px; }[/code] Share this post Link to post Share on other sites
