This commit is contained in:
AlxMedia 2022-08-18 13:54:58 +02:00
parent 3e947ec2b8
commit 6cc8f22877
3 changed files with 7 additions and 4 deletions

View file

@ -4,7 +4,7 @@
<div class="blog-card group">
<div class="blog-card-inner" style="background-image:url('<?php the_post_thumbnail_url('shapebox-medium'); ?>');">
<a href="<?php the_permalink(); ?>" class="blog-card-inner" style="background-image:url('<?php the_post_thumbnail_url('shapebox-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>'; ?>
@ -14,7 +14,7 @@
<a class="blog-card-comments" href="<?php comments_link(); ?>"><i class="fas fa-comment"></i><span><?php comments_number( '0', '1', '%' ); ?></span></a>
<?php endif; ?>
</div>
</a>
<div class="blog-card-bottom-outer">
<div class="blog-card-bottom">

View file

@ -87,6 +87,9 @@ Sidebar images
== Changelog ==
= 1.0.9 - 2022-08-18 =
* Fixed so that thumbnails are clickable
= 1.0.8 - 2022-07-11 =
* Fixed theme toggle button position when no social links are used

View file

@ -1,7 +1,7 @@
/*
Theme Name: Shapebox
Theme URI: http://alx.media/themes/shapebox/
Version: 1.0.8
Version: 1.0.9
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 6.0
@ -985,7 +985,7 @@ body.dark #theme-toggle-ball { background: #141416; bottom: 5px; }
.blog-card-wrap { background: #f4f4f4; box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); padding: 12px; border-radius: 20px; transition: all 0.3s ease; }
.blog-card-wrap:hover { }
.blog-card { position: relative; overflow: hidden; }
.blog-card-inner { height: 220px; background-color: #fff; background-position: center; background-size: cover; border-radius: 14px; position: relative; z-index: 2; overflow: hidden; position: relative; }
.blog-card-inner { display: block; height: 220px; background-color: #fff; background-position: center; background-size: cover; border-radius: 14px; position: relative; z-index: 2; overflow: hidden; position: relative; }
.blog-card-inner .thumb-icon { top: 20px; right: auto; left: 30px; bottom: auto; }
.blog-card-inner:hover .thumb-icon { background: #fff; color: #333; }
.blog-card-inner-inner { position: absolute; bottom: 40px; left: 40px; right: 40px; }