This commit is contained in:
Alexander Agnarson 2019-01-27 15:28:17 +01:00
parent eac20f82e2
commit 105cddc501
4 changed files with 38 additions and 3 deletions

View file

@ -180,6 +180,14 @@ img,
.post-thumbnail img { -webkit-border-radius: '.esc_attr( get_theme_mod('image-border-radius') ).'px; border-radius: '.esc_attr( get_theme_mod('image-border-radius') ).'px; }
'."\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";
}
// comment count color
if ( get_theme_mod('color-comment-count','') != '' ) {
$styles .= '.post-comments { background-color: '.esc_attr( get_theme_mod('color-comment-count') ).'; }'."\n";
}
// header text color
if ( get_theme_mod( 'header_textcolor' ) != '' ) {
$styles .= '.site-title a, .site-description { color: #'.esc_attr( get_theme_mod( 'header_textcolor' ) ).'; }'."\n";

View file

@ -641,6 +641,28 @@ Kirki::add_field( 'boxstyle_theme', array(
'section' => 'styling',
'default' => '#eeeeee',
) );
// Styling: Header Logo Max-height
Kirki::add_field( 'boxstyle_theme', array(
'type' => 'slider',
'settings' => 'logo-max-height',
'label' => esc_html__( 'Header Logo Image Max-height', 'boxstyle' ),
'description' => esc_html__( 'Your logo image should have the double height of this to be high resolution', 'boxstyle' ),
'section' => 'styling',
'default' => '60',
'choices' => array(
'min' => '40',
'max' => '200',
'step' => '1',
),
) );
// Styling: Comment Count Background
Kirki::add_field( 'boxstyle_theme', array(
'type' => 'color',
'settings' => 'color-comment-count',
'label' => esc_html__( 'Comment Count Background', 'boxstyle' ),
'section' => 'styling',
'default' => '',
) );
// Styling: Image Border Radius
Kirki::add_field( 'boxstyle_theme', array(
'type' => 'slider',

View file

@ -2,7 +2,7 @@
Contributors: alxmedia
Requires at least: 5.0
Tested up to: 5.0
Version: 1.0.3
Version: 1.0.4
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0
Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, custom-logo, custom-header, custom-background
@ -81,6 +81,11 @@ Sidebar images
== Changelog ==
= 1.0.4 - 2019-01-27 =
* Fix site description margin
* Add max-height styling option for header logo
* Add thumbnail comment count background styling option
= 1.0.3 - 2019-01-26 =
* Add a footer menu area

View file

@ -1,7 +1,7 @@
/*
Theme Name: Boxstyle
Theme URI: http://alxmedia.se/themes/boxstyle/
Version: 1.0.3
Version: 1.0.4
Description: <a href="http://alxmedia.se/themes/boxstyle/">Boxstyle</a> is a responsive 100% high resolution theme for personal blogs. The feature list is long: Unlimited accent colors, unlimited widget areas, 0-1 sidebars to the left or right that can be uniquely specified for each page or post, 220px fixed width sidebar, 0-4 footer widget columns, almost zero layout images, related posts and post nav, 5 post formats, good SEO, 2 flexible custom widgets, localisation support, social links, logo upload and many more useful admin panel features.
Author: Alexander Agnarson
Author URI: http://alxmedia.se
@ -580,7 +580,7 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
.site-title { font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: left; line-height: 60px; padding: 10px 0; position: relative; z-index: 2; }
.site-title a { display: block; color: #333; max-width: 100%; }
.site-title a img { display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; }
.site-description { font-size: 14px; color: #aaa; float: left; margin: 0 30px 0 20px; line-height: 60px; padding: 10px 0; position: relative; z-index: 2; }
.site-description { font-size: 14px; color: #aaa; float: left; margin: 0 0 0 20px; line-height: 60px; padding: 10px 0; position: relative; z-index: 2; }
.site-image { display: block; margin: 0 auto; max-height: 400px; }
/* header : search