Footer Height
-
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 |”
-
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; }
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 }
Its a bit hard to understand for me Andrew.
I start looking at MULTIDOTS idea and i well reapet you guys, ty
/*
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-readyThis 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
<?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>
- The topic ‘Footer Height’ is closed to new replies.