• How to change Footer height?

    my page is http://www.lunoebyg.dk

    And i cant get the box arround this text smaller

    “| Lunøe Byg, Tjørnerækken 5, 1tv – 2300 København S, [ email and phone deleted ] CVR-nr: 34808864 |”

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Lunoe,

    I seen your comment. You just have to add code that i have given below in “style.css” file of your current theme. Please follow the below steps.

    -> first find the “.site-footer” in this file. so you will see this
    code.

    .site-footer {
        background: none repeat scroll 0 0 #404040;
        clear: both;
        color: #aaaaaa;
        padding: 40px;
        }

    Just replace it by the below code. And if you want to increase
    the height then there is a “padding” property. just increase the
    digit 50 how much you want.

    .site-footer {
        background: none repeat scroll 0 0 #404040;
        clear: both;
        color: #aaaaaa;
        float: left;
        padding: 50px 0;
        width: 100%;
        }

    -> After that just add this new code in the file which i have
    implement for the box which you want around the text.

    .site-info span {
        border: 1px solid #fff;
        padding: 15px 20px;
      } 
    
      .sep {
        border: medium none !important;
        padding: 0 !important;
      }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    .site-footer {
        padding: 10px 0; // Reduced from 40px
    }

    Thread Starter Lunoe

    (@lunoe)

    Its a bit hard to understand for me Andrew.

    I start looking at MULTIDOTS idea and i well reapet you guys, ty

    Thread Starter Lunoe

    (@lunoe)

    /*
    Theme Name: Typal.makewp005
    Theme URI: http://makewp.ru/typalen/
    Author: the MakeWP team
    Author URI: http://makewp.ru/
    Description: Typal is a theme for typical business website. The basic theme options, customizable background, custom logo image, headers, 3 custom menu, support post format, emphasis box and blocks the call to action on the home page, a 5 of places to display widgets and responsive layout.
    Version: 1.3.8
    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: red, white, gray, black, custom-header, custom-background, post-formats, sticky-post, right-sidebar, translation-ready

    This theme, like WordPress, is licensed under the GPL, and is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
    */
    @import url(‘css/reset.css?v=20140223’);
    @import url(‘css/typal.css’);

    THis is all there is in Style.CSS

    Thread Starter Lunoe

    (@lunoe)

    <?php
    /**
    * The template for displaying the footer.
    *
    * Contains the closing of the #content div and all content after
    *
    * @package makewp005
    */
    $options = get_option(‘makewp005_theme_settings’);
    ?>

    </div><!– #content –>

    <footer id=”colophon” class=”site-footer” role=”contentinfo”>

    <div class=”widget-footer”>
    <?php dynamic_sidebar(‘footer1’); ?>
    <?php dynamic_sidebar(‘footer2’); ?>
    </div>
    <div style=”clear: both;”></div><!–//widget-footer –>

    <div class=”site-info”>
    <?php if( !empty($options[‘home_copy’]) ) { ?>
    <?php echo ‘© ‘.date(‘Y’).’ – ‘.$options[‘home_copy’].'<span class=”sep”> | </span>’; ?>
    <?php } ?>
    <?php do_action( ‘makewp005_credits’ ); ?>
    <CENTER>
    <span> |
    <?php printf( __( ‘Lunøe Byg, Tjørnerækken 5, 1tv – 2300 København S, +45 51 23 41 45, info@lunoebyg.dk, CVR-nr: 34808864’, ” ), ‘‘ ); ?>
    <span class=”sep”> | </span>
    </CENTER>
    </div><!– .site-info –>
    </footer><!– #colophon –>
    </div><!– #page –>

    <?php wp_footer(); ?>

    </body>
    </html>

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Footer Height’ is closed to new replies.