Add featured carousel

This commit is contained in:
AlxMedia 2021-09-13 13:54:59 +02:00
parent 583d8c65d5
commit e403c6f61b
10 changed files with 357 additions and 131 deletions

13
content-featured.php Normal file
View file

@ -0,0 +1,13 @@
<?php $format = get_post_format(); ?>
<div class="featured-item-wrap">
<div class="featured-item" style="background-image:url('<?php the_post_thumbnail_url('cardstyle-medium'); ?>');">
<?php if ( has_post_format('video') && !is_sticky() ) echo'<span class="thumb-icon small"><i class="fas fa-play"></i></span>'; ?>
<?php if ( has_post_format('audio') && !is_sticky() ) echo'<span class="thumb-icon small"><i class="fas fa-volume-up"></i></span>'; ?>
<?php if ( is_sticky() ) echo'<span class="thumb-icon small"><i class="fas fa-star"></i></span>'; ?>
<a class="featured-link" href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
<div class="featured-content">
<h3 class="featured-title"><?php the_title(); ?></h3>
</div>
</div>
</div>

View file

@ -519,7 +519,7 @@ if ( ! function_exists( 'cardstyle_get_featured_post_ids' ) ) {
function cardstyle_get_featured_post_ids() {
$args = array(
'category' => absint( get_theme_mod('featured-category','') ),
'numberposts' => absint( get_theme_mod('featured-posts-count','0')),
'numberposts' => absint( get_theme_mod('featured-posts-count','4')),
);
$posts = get_posts($args);
if ( !$posts ) return false;
@ -635,11 +635,11 @@ if ( ! function_exists( 'cardstyle_pre_get_posts' ) ) {
if ( $query->is_home() ) {
// Featured posts enabled
if ( get_theme_mod('featured-posts-count','0') != '0' ) {
if ( get_theme_mod('featured-posts-count','4') != '0' ) {
// Get featured post ids
$featured_post_ids = cardstyle_get_featured_post_ids();
// Exclude posts
if ( $featured_post_ids && !get_theme_mod('featured-posts-include') )
if ( $featured_post_ids && get_theme_mod('featured-posts-include','off') =='on' )
$query->set('post__not_in', $featured_post_ids);
}
}

View file

@ -114,7 +114,13 @@ if ( ! function_exists( 'cardstyle_dynamic_css' ) ) {
#profile-image,
.blog-card-more-link,
.blog-card-author a,
.alx-tabs-nav li.active a { background: linear-gradient(90deg, '.esc_attr( get_theme_mod('gradient-left') ).' 0%, '.esc_attr( get_theme_mod('gradient-right') ).' 100%); }
.alx-tabs-nav li.active a,
.slick-featured-nav .slick-prev,
.slick-featured-nav .slick-next,
.slick-featured-nav .slick-prev:hover,
.slick-featured-nav .slick-next:hover,
.slick-featured-nav .slick-prev:focus,
.slick-featured-nav .slick-next:focus { background: linear-gradient(90deg, '.esc_attr( get_theme_mod('gradient-left') ).' 0%, '.esc_attr( get_theme_mod('gradient-right') ).' 100%); }
'."\n";
}
// gradient right
@ -124,7 +130,13 @@ if ( ! function_exists( 'cardstyle_dynamic_css' ) ) {
#profile-image,
.blog-card-more-link,
.blog-card-author a,
.alx-tabs-nav li.active a { background: linear-gradient(90deg, '.esc_attr( get_theme_mod('gradient-left') ).' 0%, '.esc_attr( get_theme_mod('gradient-right') ).' 100%); }
.alx-tabs-nav li.active a,
.slick-featured-nav .slick-prev,
.slick-featured-nav .slick-next,
.slick-featured-nav .slick-prev:hover,
.slick-featured-nav .slick-next:hover,
.slick-featured-nav .slick-prev:focus,
.slick-featured-nav .slick-next:focus { background: linear-gradient(90deg, '.esc_attr( get_theme_mod('gradient-left') ).' 0%, '.esc_attr( get_theme_mod('gradient-right') ).' 100%); }
'."\n";
}
// header logo max-height

View file

@ -140,6 +140,40 @@ Kirki::add_field( 'cardstyle_theme', array(
'step' => '1',
),
) );
// Blog: Featured Posts Include
Kirki::add_field( 'cardstyle_theme', array(
'type' => 'switch',
'settings' => 'featured-posts-include',
'label' => esc_html__( 'Featured Posts', 'cardstyle' ),
'description' => esc_html__( 'Exclude featured posts from the content below', 'cardstyle' ),
'section' => 'blog',
'default' => 'off',
) );
// Blog: Featured Category
Kirki::add_field( 'cardstyle_theme', array(
'type' => 'select',
'settings' => 'featured-category',
'label' => esc_html__( 'Featured Category', 'cardstyle' ),
'description' => esc_html__( 'By not selecting a category, it will show your latest post(s) from all categories', 'cardstyle' ),
'section' => 'blog',
'default' => '',
'choices' => Kirki_Helper::get_terms( 'category' ),
'placeholder' => esc_html__( 'Select a category', 'cardstyle' ),
) );
// Blog: Featured Post Count
Kirki::add_field( 'cardstyle_theme', array(
'type' => 'slider',
'settings' => 'featured-posts-count',
'label' => esc_html__( 'Featured Post Count', 'cardstyle' ),
'description' => esc_html__( 'Max number of featured posts to display. Set it to 0 to disable', 'cardstyle' ),
'section' => 'blog',
'default' => '4',
'choices' => array(
'min' => '0',
'max' => '10',
'step' => '1',
),
) );
// Blog: Frontpage Widgets Top
Kirki::add_field( 'cardstyle_theme', array(
'type' => 'switch',

32
inc/featured.php Normal file
View file

@ -0,0 +1,32 @@
<?php
// Query featured entries
$featured = new WP_Query(
array(
'no_found_rows' => false,
'update_post_meta_cache' => false,
'update_post_term_cache' => false,
'ignore_sticky_posts' => 1,
'posts_per_page' => absint( get_theme_mod('featured-posts-count','4') ),
'cat' => absint( get_theme_mod('featured-category','') )
)
);
?>
<?php if ( is_home() && !is_paged() && ( get_theme_mod('featured-posts-count','4') !='0') && $featured->have_posts() ): // Show if posts are not 0 ?>
<div class="slick-featured-wrap-outer">
<div class="slick-featured-wrap container-inner">
<div class="slick-featured">
<?php while ( $featured->have_posts() ): $featured->the_post(); ?>
<div>
<?php get_template_part('content-featured'); ?>
</div>
<?php endwhile; ?>
</div>
<div class="slick-featured-nav"></div>
</div>
</div>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

View file

@ -6,6 +6,8 @@
<?php get_template_part('inc/page-title'); ?>
<?php endif; ?>
<?php get_template_part('inc/featured'); ?>
<?php get_template_part('inc/front-widgets-top'); ?>
<?php if ( have_posts() ) : ?>

View file

@ -145,6 +145,70 @@ jQuery(document).ready(function($) {
}, 250);
/* Slick featured posts
/* ------------------------------------ */
$.fn.randomize = function (selector) {
var $elems = selector ? $(this).find(selector) : $(this).children(),
$parents = $elems.parent();
$parents.each(function () {
$(this).children(selector).sort(function (childA, childB) {
// * Prevent last slide from being reordered
if($(childB).index() !== $(this).children(selector).length - 0.5) {
return Math.round(Math.random()) - 0.5;
}
}.bind(this)).detach().appendTo(this);
});
return this;
};
$(".slick-featured").randomize().slick({
centerMode: true,
centerPadding: '0',
slidesToShow: 2,
appendArrows: '.slick-featured-nav',
responsive: [
{
breakpoint: 1280,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0',
slidesToShow: 2
}
},
{
breakpoint: 1024,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0',
slidesToShow: 2
}
},
{
breakpoint: 768,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0',
slidesToShow: 2
}
},
{
breakpoint: 480,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0',
slidesToShow: 1
}
}
]
});
$('.slick-featured-wrap-outer').show();
/* Slick image slide
/* ------------------------------------ */
$('.slick-image-slide').each( function() {

View file

@ -2,7 +2,7 @@
msgid ""
msgstr ""
"Project-Id-Version: Cardstyle\n"
"POT-Creation-Date: 2021-09-13 11:31+0200\n"
"POT-Creation-Date: 2021-09-13 13:53+0200\n"
"PO-Revision-Date: 2018-09-21 21:27+0100\n"
"Last-Translator: \n"
"Language-Team: \n"
@ -79,7 +79,7 @@ msgstr ""
msgid "Normal full width sidebar"
msgstr ""
#: functions.php:190 functions/theme-options.php:256
#: functions.php:190 functions/theme-options.php:290
msgid "Footer Ads"
msgstr ""
@ -152,10 +152,10 @@ msgid "Primary Sidebar"
msgstr ""
#: functions/meta-boxes.php:31 functions/meta-boxes.php:65
#: functions/theme-options.php:455 functions/theme-options.php:465
#: functions/theme-options.php:475 functions/theme-options.php:485
#: functions/theme-options.php:495 functions/theme-options.php:505
#: functions/theme-options.php:515
#: functions/theme-options.php:489 functions/theme-options.php:499
#: functions/theme-options.php:509 functions/theme-options.php:519
#: functions/theme-options.php:529 functions/theme-options.php:539
#: functions/theme-options.php:549
msgid "Select a sidebar"
msgstr ""
@ -282,442 +282,472 @@ msgid "Max number of words. Set it to 0 to disable."
msgstr ""
#: functions/theme-options.php:147
msgid "Frontpage Widgets Top"
msgid "Featured Posts"
msgstr ""
#: functions/theme-options.php:148 functions/theme-options.php:157
msgid "2 columns of widgets"
#: functions/theme-options.php:148
msgid "Exclude featured posts from the content below"
msgstr ""
#: functions/theme-options.php:156
msgid "Frontpage Widgets Bottom"
msgid "Featured Category"
msgstr ""
#: functions/theme-options.php:165
msgid "Comment Count"
#: functions/theme-options.php:157
msgid ""
"By not selecting a category, it will show your latest post(s) from all "
"categories"
msgstr ""
#: functions/theme-options.php:166
msgid "Comment count with bubbles"
#: functions/theme-options.php:161
msgid "Select a category"
msgstr ""
#: functions/theme-options.php:174
msgid "Single - Author Bio"
#: functions/theme-options.php:167
msgid "Featured Post Count"
msgstr ""
#: functions/theme-options.php:175
msgid "Shows post author description, if it exists"
#: functions/theme-options.php:168
msgid "Max number of featured posts to display. Set it to 0 to disable"
msgstr ""
#: functions/theme-options.php:183
msgid "Single - Related Posts"
#: functions/theme-options.php:181
msgid "Frontpage Widgets Top"
msgstr ""
#: functions/theme-options.php:184
msgid "Shows randomized related articles below the post"
msgstr ""
#: functions/theme-options.php:188 functions/theme-options.php:202
msgid "Disable"
msgstr ""
#: functions/theme-options.php:189
msgid "Related by categories"
#: functions/theme-options.php:182 functions/theme-options.php:191
msgid "2 columns of widgets"
msgstr ""
#: functions/theme-options.php:190
msgid "Frontpage Widgets Bottom"
msgstr ""
#: functions/theme-options.php:199
msgid "Comment Count"
msgstr ""
#: functions/theme-options.php:200
msgid "Comment count with bubbles"
msgstr ""
#: functions/theme-options.php:208
msgid "Single - Author Bio"
msgstr ""
#: functions/theme-options.php:209
msgid "Shows post author description, if it exists"
msgstr ""
#: functions/theme-options.php:217
msgid "Single - Related Posts"
msgstr ""
#: functions/theme-options.php:218
msgid "Shows randomized related articles below the post"
msgstr ""
#: functions/theme-options.php:222 functions/theme-options.php:236
msgid "Disable"
msgstr ""
#: functions/theme-options.php:223
msgid "Related by categories"
msgstr ""
#: functions/theme-options.php:224
msgid "Related by tags"
msgstr ""
#: functions/theme-options.php:197
#: functions/theme-options.php:231
msgid "Single - Post Navigation"
msgstr ""
#: functions/theme-options.php:198
#: functions/theme-options.php:232
msgid "Shows links to the next and previous article"
msgstr ""
#: functions/theme-options.php:203
#: functions/theme-options.php:237
msgid "Sidebar"
msgstr ""
#: functions/theme-options.php:204
#: functions/theme-options.php:238
msgid "Below content"
msgstr ""
#: functions/theme-options.php:211
#: functions/theme-options.php:245
msgid "Header Search"
msgstr ""
#: functions/theme-options.php:212
#: functions/theme-options.php:246
msgid "Header search button"
msgstr ""
#: functions/theme-options.php:220
#: functions/theme-options.php:254
msgid "Header Social Links"
msgstr ""
#: functions/theme-options.php:221 functions/theme-options.php:282
#: functions/theme-options.php:255 functions/theme-options.php:316
msgid "Social link icon buttons"
msgstr ""
#: functions/theme-options.php:229
#: functions/theme-options.php:263
msgid "Profile Image"
msgstr ""
#: functions/theme-options.php:230
#: functions/theme-options.php:264
msgid "Minimum width of 320px"
msgstr ""
#: functions/theme-options.php:238
#: functions/theme-options.php:272
msgid "Profile Name"
msgstr ""
#: functions/theme-options.php:239
#: functions/theme-options.php:273
msgid "Your name appears below the image"
msgstr ""
#: functions/theme-options.php:247
#: functions/theme-options.php:281
msgid "Profile Description"
msgstr ""
#: functions/theme-options.php:248
#: functions/theme-options.php:282
msgid "A short description of you"
msgstr ""
#: functions/theme-options.php:257
#: functions/theme-options.php:291
msgid "Footer widget ads area"
msgstr ""
#: functions/theme-options.php:265
#: functions/theme-options.php:299
msgid "Footer Widget Columns"
msgstr ""
#: functions/theme-options.php:266
#: functions/theme-options.php:300
msgid "Select columns to enable footer widgets. Recommended number: 3"
msgstr ""
#: functions/theme-options.php:281
#: functions/theme-options.php:315
msgid "Footer Social Links"
msgstr ""
#: functions/theme-options.php:290
#: functions/theme-options.php:324
msgid "Footer Logo"
msgstr ""
#: functions/theme-options.php:291
#: functions/theme-options.php:325
msgid "Upload your custom logo image"
msgstr ""
#: functions/theme-options.php:299
#: functions/theme-options.php:333
msgid "Footer Copyright"
msgstr ""
#: functions/theme-options.php:300
#: functions/theme-options.php:334
msgid "Replace the footer copyright text"
msgstr ""
#: functions/theme-options.php:308
#: functions/theme-options.php:342
msgid "Footer Credit"
msgstr ""
#: functions/theme-options.php:309
#: functions/theme-options.php:343
msgid "Footer credit text"
msgstr ""
#: functions/theme-options.php:317
#: functions/theme-options.php:351
msgid "Global Layout"
msgstr ""
#: functions/theme-options.php:318
#: functions/theme-options.php:352
msgid "Other layouts will override this option if they are set"
msgstr ""
#: functions/theme-options.php:331 functions/theme-options.php:450
#: functions/theme-options.php:365 functions/theme-options.php:484
msgid "Home"
msgstr ""
#: functions/theme-options.php:332
#: functions/theme-options.php:366
msgid "(is_home) Posts homepage layout"
msgstr ""
#: functions/theme-options.php:346 functions/theme-options.php:460
#: functions/theme-options.php:380 functions/theme-options.php:494
msgid "Single"
msgstr ""
#: functions/theme-options.php:347
#: functions/theme-options.php:381
msgid ""
"(is_single) Single post layout - If a post has a set layout, it will "
"override this."
msgstr ""
#: functions/theme-options.php:361 functions/theme-options.php:470
#: functions/theme-options.php:395 functions/theme-options.php:504
msgid "Archive"
msgstr ""
#: functions/theme-options.php:362
#: functions/theme-options.php:396
msgid "(is_archive) Category, date, tag and author archive layout"
msgstr ""
#: functions/theme-options.php:376 functions/theme-options.php:480
#: functions/theme-options.php:410 functions/theme-options.php:514
msgid "Archive - Category"
msgstr ""
#: functions/theme-options.php:377
#: functions/theme-options.php:411
msgid "(is_category) Category archive layout"
msgstr ""
#: functions/theme-options.php:391 functions/theme-options.php:490
#: functions/theme-options.php:425 functions/theme-options.php:524
msgid "Search"
msgstr ""
#: functions/theme-options.php:392
#: functions/theme-options.php:426
msgid "(is_search) Search page layout"
msgstr ""
#: functions/theme-options.php:406 functions/theme-options.php:500
#: functions/theme-options.php:440 functions/theme-options.php:534
msgid "Error 404"
msgstr ""
#: functions/theme-options.php:407
#: functions/theme-options.php:441
msgid "(is_404) Error 404 page layout"
msgstr ""
#: functions/theme-options.php:421 functions/theme-options.php:510
#: functions/theme-options.php:455 functions/theme-options.php:544
msgid "Default Page"
msgstr ""
#: functions/theme-options.php:422
#: functions/theme-options.php:456
msgid ""
"(is_page) Default page layout - If a page has a set layout, it will override "
"this."
msgstr ""
#: functions/theme-options.php:451
#: functions/theme-options.php:485
msgid "(is_home) Primary"
msgstr ""
#: functions/theme-options.php:461
#: functions/theme-options.php:495
msgid ""
"(is_single) Primary - If a single post has a unique sidebar, it will "
"override this."
msgstr ""
#: functions/theme-options.php:471
#: functions/theme-options.php:505
msgid "(is_archive) Primary"
msgstr ""
#: functions/theme-options.php:481
#: functions/theme-options.php:515
msgid "(is_category) Primary"
msgstr ""
#: functions/theme-options.php:491
#: functions/theme-options.php:525
msgid "(is_search) Primary"
msgstr ""
#: functions/theme-options.php:501
#: functions/theme-options.php:535
msgid "(is_404) Primary"
msgstr ""
#: functions/theme-options.php:511
#: functions/theme-options.php:545
msgid ""
"(is_page) Primary - If a page has a unique sidebar, it will override this."
msgstr ""
#: functions/theme-options.php:524
#: functions/theme-options.php:558
msgid "Create Social Links"
msgstr ""
#: functions/theme-options.php:525
#: functions/theme-options.php:559
msgid "Create and organize your social links"
msgstr ""
#: functions/theme-options.php:527
#: functions/theme-options.php:561
msgid "Font Awesome names:"
msgstr ""
#: functions/theme-options.php:527 functions/theme-options.php:544
#: functions/theme-options.php:561 functions/theme-options.php:578
msgid "View All"
msgstr ""
#: functions/theme-options.php:530
#: functions/theme-options.php:564
msgid "social link"
msgstr ""
#: functions/theme-options.php:537
#: functions/theme-options.php:571
msgid "Title"
msgstr ""
#: functions/theme-options.php:538
#: functions/theme-options.php:572
msgid "Ex: Facebook"
msgstr ""
#: functions/theme-options.php:543
#: functions/theme-options.php:577
msgid "Icon Name"
msgstr ""
#: functions/theme-options.php:544
#: functions/theme-options.php:578
msgid "Font Awesome icons. Ex: fa-facebook "
msgstr ""
#: functions/theme-options.php:549
#: functions/theme-options.php:583
msgid "Link"
msgstr ""
#: functions/theme-options.php:550
#: functions/theme-options.php:584
msgid "Enter the full url for your icon button"
msgstr ""
#: functions/theme-options.php:555
#: functions/theme-options.php:589
msgid "Icon Color"
msgstr ""
#: functions/theme-options.php:556
#: functions/theme-options.php:590
msgid "Set a unique color for your icon (optional)"
msgstr ""
#: functions/theme-options.php:561
#: functions/theme-options.php:595
msgid "Open in new window"
msgstr ""
#: functions/theme-options.php:570
#: functions/theme-options.php:604
msgid "Dynamic Styles"
msgstr ""
#: functions/theme-options.php:571
#: functions/theme-options.php:605
msgid "Turn on to use the styling options below"
msgstr ""
#: functions/theme-options.php:579
#: functions/theme-options.php:613
msgid "Font"
msgstr ""
#: functions/theme-options.php:580
#: functions/theme-options.php:614
msgid "Select font for the theme"
msgstr ""
#: functions/theme-options.php:584
#: functions/theme-options.php:618
msgid "Titillium Web, Latin (Self-hosted)"
msgstr ""
#: functions/theme-options.php:585
#: functions/theme-options.php:619
msgid "Titillium Web, Latin-Ext"
msgstr ""
#: functions/theme-options.php:586
#: functions/theme-options.php:620
msgid "Droid Serif, Latin"
msgstr ""
#: functions/theme-options.php:587
#: functions/theme-options.php:621
msgid "Source Sans Pro, Latin-Ext"
msgstr ""
#: functions/theme-options.php:588
#: functions/theme-options.php:622
msgid "Lato, Latin"
msgstr ""
#: functions/theme-options.php:589
#: functions/theme-options.php:623
msgid "Raleway, Latin"
msgstr ""
#: functions/theme-options.php:590
#: functions/theme-options.php:624
msgid "Ubuntu, Latin-Ext"
msgstr ""
#: functions/theme-options.php:591
#: functions/theme-options.php:625
msgid "Ubuntu, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:592
#: functions/theme-options.php:626
msgid "Roboto, Latin-Ext"
msgstr ""
#: functions/theme-options.php:593
#: functions/theme-options.php:627
msgid "Roboto, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:594
#: functions/theme-options.php:628
msgid "Roboto Condensed, Latin-Ext"
msgstr ""
#: functions/theme-options.php:595
#: functions/theme-options.php:629
msgid "Roboto Condensed, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:596
#: functions/theme-options.php:630
msgid "Roboto Slab, Latin-Ext"
msgstr ""
#: functions/theme-options.php:597
#: functions/theme-options.php:631
msgid "Roboto Slab, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:598
#: functions/theme-options.php:632
msgid "Playfair Display, Latin-Ext"
msgstr ""
#: functions/theme-options.php:599
#: functions/theme-options.php:633
msgid "Playfair Display, Latin / Cyrillic"
msgstr ""
#: functions/theme-options.php:600
#: functions/theme-options.php:634
msgid "Open Sans, Latin-Ext"
msgstr ""
#: functions/theme-options.php:601
#: functions/theme-options.php:635
msgid "Open Sans, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:602
#: functions/theme-options.php:636
msgid "PT Serif, Latin-Ext"
msgstr ""
#: functions/theme-options.php:603
#: functions/theme-options.php:637
msgid "PT Serif, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:604
#: functions/theme-options.php:638
msgid "Arial"
msgstr ""
#: functions/theme-options.php:605
#: functions/theme-options.php:639
msgid "Georgia"
msgstr ""
#: functions/theme-options.php:606
#: functions/theme-options.php:640
msgid "Verdana"
msgstr ""
#: functions/theme-options.php:607
#: functions/theme-options.php:641
msgid "Tahoma"
msgstr ""
#: functions/theme-options.php:614
#: functions/theme-options.php:648
msgid "Website Max-width"
msgstr ""
#: functions/theme-options.php:615
#: functions/theme-options.php:649
msgid "Max-width of the container."
msgstr ""
#: functions/theme-options.php:628
#: functions/theme-options.php:662
msgid "Header Logo Image Max-height"
msgstr ""
#: functions/theme-options.php:629
#: functions/theme-options.php:663
msgid ""
"Your logo image should have the double height of this to be high resolution"
msgstr ""
#: functions/theme-options.php:642
#: functions/theme-options.php:676
msgid "Primary Color"
msgstr ""
#: functions/theme-options.php:650
#: functions/theme-options.php:684
msgid "Gradient Left"
msgstr ""
#: functions/theme-options.php:658
#: functions/theme-options.php:692
msgid "Gradient Right"
msgstr ""

View file

@ -1,5 +1,11 @@
#wrapper { min-width: 320px; }
@media only screen and (max-width: 1080px) {
.featured-title { font-size: 20px; }
}
/* ------------------------------------------------------------------------- *
* Sidebar : 960px > 480px
/* ------------------------------------------------------------------------- */
@ -164,6 +170,9 @@
.site-title { font-size: 32px; }
/* blog */
.slick-featured-wrap-outer { margin-bottom: 0; }
.slick-featured-nav .slick-next { right: 0; }
.slick-featured-nav .slick-prev { left: 0; }
.blog-card-outer { box-shadow: none; }
.blog-card-inner-inner { left: 20px; right: 20px; }
.blog-card-author { left: 20px; }

View file

@ -860,6 +860,36 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
/* ------------------------------------------------------------------------- */
#page { background: #fff; }
.slick-featured-wrap-outer { display: none; margin-bottom: 20px; }
.slick-featured-wrap { position: relative; }
.slick-featured { position: relative; z-index: 2; }
.slick-featured-nav { position: absolute; left: 0; right: 0; top: 50%; margin-top: -17px; text-align: center; margin-bottom: 0; z-index: 3; }
.slick-featured-nav .slick-prev,
.slick-featured-nav .slick-next { background: linear-gradient(90deg, #98ca2f 0%, #1a9b41 100%); box-shadow: 0 -1px 0 rgba(0,0,0,0.2); transition: all 0.3s ease; position: absolute; display: inline-block; height: 34px; width: 38px; border-radius: 10px; }
.slick-featured-nav .slick-prev:hover,
.slick-featured-nav .slick-next:hover,
.slick-featured-nav .slick-prev:focus,
.slick-featured-nav .slick-next:focus { background: linear-gradient(90deg, #98ca2f 0%, #1a9b41 100%); }
.slick-featured-nav .slick-prev { left: -20px; border-radius: 0 20px 20px 0; }
.slick-featured-nav .slick-next { right: -20px; border-radius: 20px 0 0 20px; }
.slick-featured-nav .slick-prev:hover { width: 54px; }
.slick-featured-nav .slick-next:hover { width: 54px; }
.slick-featured-nav .slick-prev:before { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; }
.slick-featured-nav .slick-next:before { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; }
.featured-item-wrap { background: #f7f7f7; border-radius: 20px; overflow: hidden; margin: 0 3px 16px; padding: 10px; box-shadow: inset 1px 1px 0 #fff, 0 0 1px rgba(0,0,0,0.1); }
.featured-item { background-color: #ccc; background-position: center; background-size: cover; border-radius: 20px; overflow: hidden; position: relative; z-index: 2; overflow: hidden; width: 100%; float: left; height: 230px; position: relative; }
.featured-item:before { opacity: 0.7; background: url(img/image-gradient.png) repeat-x; background-size: 100% 100%; content: ""; position: absolute; display: block; height: 100%; width: 100%; bottom: 0; display: block; transition: all .4s ease; }
.featured-item:hover:before { opacity: 0.4; }
.featured-content { position: absolute; left: 0; max-width: 480px; bottom: 0; padding: 30px; }
.featured-category { color: #fff; opacity: 0.75; }
.featured-category a { color: #fff; font-size: 13px; display: inline-block; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
.featured-date { color: #fff; font-size: 13px; opacity: 0.5; font-weight: 400; margin-top: 10px; }
.featured-title { color: #fff; font-size: 22px; font-weight: 600; line-height: 1.3em; }
.featured-link { width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; z-index: 5; opacity: 0 !important; color: transparent !important; }
.featured-item .thumb-icon { top: 20px; right: 20px; bottom: auto; left: auto; }
.featured-item:hover .thumb-icon { background: #fff; color: #222; }
.slick-image-slide-wrapper { position: relative; }
.slick-image-slide { background: #333; }
.slick-image-slide .slick-slide > div > div { display: block!important; }