Add footer bottom styling option

This commit is contained in:
AlxMedia 2021-08-21 11:27:32 +02:00
parent 1ae1eabda3
commit 62a64f8072
4 changed files with 22 additions and 4 deletions

View file

@ -204,6 +204,12 @@ body,
#footer { background-color: '.esc_attr( get_theme_mod('color-footer-background') ).'; }
'."\n";
}
// footer bottom background color
if ( get_theme_mod('color-footer-bottom-background','') != '' ) {
$styles .= '
#footer-bottom { background-color: '.esc_attr( get_theme_mod('color-footer-bottom-background') ).'; }
'."\n";
}
// header logo max-height
if ( get_theme_mod('logo-max-height','60') != '60' ) {
$styles .= '.site-title a img { max-height: '.esc_attr( get_theme_mod('logo-max-height') ).'px; }'."\n";

View file

@ -693,6 +693,14 @@ Kirki::add_field( 'incolor_theme', array(
'section' => 'styling',
'default' => '',
) );
// Styling: Footer Bottom Background
Kirki::add_field( 'incolor_theme', array(
'type' => 'color',
'settings' => 'color-footer-bottom-background',
'label' => esc_html__( 'Footer Bottom Background Color', 'incolor' ),
'section' => 'styling',
'default' => '',
) );
// Styling: Header Logo Max-height
Kirki::add_field( 'incolor_theme', array(
'type' => 'slider',

View file

@ -2,7 +2,7 @@
msgid ""
msgstr ""
"Project-Id-Version: Incolor\n"
"POT-Creation-Date: 2021-08-21 11:11+0200\n"
"POT-Creation-Date: 2021-08-21 11:27+0200\n"
"PO-Revision-Date: 2018-09-21 21:27+0100\n"
"Last-Translator: \n"
"Language-Team: \n"
@ -735,10 +735,14 @@ msgid "Footer Background Color"
msgstr ""
#: functions/theme-options.php:700
msgid "Footer Bottom Background Color"
msgstr ""
#: functions/theme-options.php:708
msgid "Header Logo Image Max-height"
msgstr ""
#: functions/theme-options.php:701
#: functions/theme-options.php:709
msgid ""
"Your logo image should have the double height of this to be high resolution"
msgstr ""

View file

@ -808,7 +808,7 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
/* ------------------------------------------------------------------------- *
* Section: Footer
/* ------------------------------------------------------------------------- */
#footer { background: rgba(255,255,255,0.06); border-top: 1px solid rgba(255,255,255,0.1); color: #777; position: relative; padding-bottom: 20px; }
#footer { background: rgba(255,255,255,0.06); border-top: 1px solid rgba(255,255,255,0.1); color: #777; position: relative; }
#footer-ads { text-align: center; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
#footer-ads .widget { padding-bottom: 0; font-size: 0; line-height: 0; }
@ -820,7 +820,7 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
#footer-bottom { position: relative; overflow: hidden; z-index: 99; text-align: center; }
#footer-bottom img { box-shadow: none; }
#footer-bottom .pad { padding-top: 20px; }
#footer-bottom a { color: #ccc; }
#footer-bottom a { color: rgba(255,255,255,0.7); }
#footer-bottom a:hover { color: #fff; }
#footer-bottom #footer-logo { display: inline-block; margin-bottom: 20px; max-height: 60px; -webkit-border-radius: 0; border-radius: 0; }
#footer-bottom #copyright { }