Hack Forums
Reduce/Minimize footer space - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141)
+---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50)
+---- Thread: Reduce/Minimize footer space (/showthread.php?tid=4442685)



Reduce/Minimize footer space - CyberneticTitan - Sep 11, 2014

How can I get this:

[Image: pZiv3dO.png]

To look like this?

[Image: evKoVYG.png]

Here's my footer.php:

Code
<footer>
        
        <ul class="container">
            
             <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar("Footer")) ; ?>
            
        </ul>
        
    </footer>
    
    <div class="smallFooter">
        
         <div class="container clearfix">
      
            <div class="sixteen columns">
                
                                  
         <ul class="smallFooterLeft">
                    
                    
                        <?php if (ot_get_option('donatelink') != '') { ?>
                        
                        <li class="donate"><a href="<?php echo ot_get_option('donatelink') ?>"><i class="icon-plus-circled"></i><?php echo ot_get_option('donatebtntext') ?></a></li>
                        
                            <?php } ?>
                        
                         <?php if (ot_get_option('contactlink') != '') { ?>
                        <li class="mail"><a href="<?php echo ot_get_option('contactlink') ?>"><i class="icon-mail"></i></a></li>
                              <?php } ?>
                        
                        <?php if (ot_get_option('twitterlink') != '') { ?>
                        <li class="twitter"><a href="<?php echo ot_get_option('twitterlink') ?>"><i class="icon-twitter"></i></a></li>
                              <?php } ?>
                        
                          <?php if (ot_get_option('youtubelink') != '') { ?>
                        <li class="youtube"><a href="<?php echo ot_get_option('youtubelink') ?>"><i class="icon-youtube"></i></a></li>
                              <?php } ?>
                        
                         <?php if (ot_get_option('facebooklink') != '') { ?>
                        <li class="facebook"><a href="<?php echo ot_get_option('facebooklink') ?>"><i class="icon-facebook"></i></a></li>
                              <?php } ?>
                        
                        
                        
                         <?php if (ot_get_option('vimeolink') != '') { ?>
                        <li class="vimeo"><a href="<?php echo ot_get_option('vimeolink') ?>"><i class="icon-vimeo"></i></a></li>
                              <?php } ?>
                        
                         <?php if (ot_get_option('googlelink') != '') { ?>
                        <li class="google"><a href="<?php echo ot_get_option('googlelink') ?>"><i class="icon-gplus"></i></a></li>
                              <?php } ?>
                        
                  
                        
                         <?php if (ot_get_option('flickrlink') != '') { ?>
                        <li class="flickr"><a href="<?php echo ot_get_option('flickrlink') ?>"><i class="icon-dot-2"></i></a></li>
                              <?php } ?>
                        
                  
                        
                              <?php if (ot_get_option('pinterestlink') != '') { ?>
                        <li class="pinterest"><a href="<?php echo ot_get_option('pinterestlink') ?>"><i class="icon-pinterest"></i></a></li>
                              <?php } ?>
                               <?php if (ot_get_option('linkedinlink') != '') { ?>
                        <li class="linkedin"><a href="<?php echo ot_get_option('linkedinlink') ?>"><i class="icon-linkedin"></i></a></li>
                              <?php } ?>
                          <?php if (ot_get_option('dribbblelink') != '') { ?>
                        <li class="dribbble"><a href="<?php echo ot_get_option('dribbblelink') ?>"><i class="icon-dribbble"></i></a></li>
                              <?php } ?>
                        
                        <?php if (ot_get_option('instagramlink') != '') { ?>
                        <li class="instagram"><a href="<?php echo ot_get_option('instagramlink') ?>"><i class="icon-instagram"></i></a></li>
                              <?php } ?>
                        
                         <?php if (ot_get_option('behancelink') != '') { ?>
                        <li class="behance"><a href="<?php echo ot_get_option('behancelink') ?>"><i class="icon-behance"></i></a></li>
                              <?php } ?>
                        
                                          

                </ul>
        <div class="smallFooterRight">
            
            <span><?php echo ot_get_option('smallfooterrightcontent') ?></span>
            
        </div>
                
            </div>
            
        </div>
        
    </div>
    

      <?php wp_footer(); ?>


  </body>
  
</html>

I'm no PHP or HTML expert btw :P

Thanks for the help!


* - Wired‌ - Sep 11, 2014

My first idea would be to reduce the amount of padding and margin. I don't know what your CSS looks like, so I can't tell for sure.


* - CyberneticTitan - Sep 11, 2014

(Sep 11, 2014 05:32 PM)Wired™ Wrote:  My first idea would be to reduce the amount of padding and margin. I don't know what your CSS looks like, so I can't tell for sure.

Thanks for the tip.

Changed margins in the footer parts of my styles.css

[Image: EjBLwsZ.png]

Much better. Thanks a ton!


* - Wired‌ - Sep 11, 2014

(Sep 11, 2014 06:10 PM)CyberneticTitan Wrote:  Thanks for the tip.

Changed margins in the footer parts of my styles.css

[Image: EjBLwsZ.png]

Much better. Thanks a ton!

No problem, glad I could help you! I was pretty sure it would either be one of the two.