Chèn code sau vào file functions.php của child theme:
add_action( 'wp_footer', function () {
if ( is_category() || is_tag() ) {
ob_start();
?>
<style type="text/css">
.category .blog-archive .taxonomy-description {
overflow: hidden;
position: relative;
margin-bottom: 20px;
padding-bottom: 25px;
}
.lap_readmore_taxonomy_flatsome {
text-align: center;
cursor: pointer;
position: absolute;
z-index: 10;
bottom: 0;
width: 100%;
background: #fff;
}
.lap_readmore_taxonomy_flatsome:before {
height: 55px;
margin-top: -45px;
content: "";
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
display: block;
}
.lap_readmore_taxonomy_flatsome a {
color: var(primary-color);
display: block;
}
.lap_readmore_taxonomy_flatsome a:after {
content: '';
width: 0;
right: 0;
border-top: 6px solid var(--primary-color);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 5px;
}
.lap_readmore_taxonomy_flatsome_less:before {
display: none;
}
.lap_readmore_taxonomy_flatsome_less a:after {
border-top: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #318A00;
}
</style>
<script type="text/javascript">
( function($) {
$(document).ready(function() {
$(window).on('load', function(){
if($('.category .blog-archive .taxonomy-description').length > 0){
let wrap = $('.category .blog-archive .taxonomy-description');
let currentHeight = wrap.height();
let minHeight = 180;
if ( currentHeight > minHeight ) {
wrap.css('height', minHeight+'px');
wrap.append(function(){
return '<div class="lap_readmore_taxonomy_flatsome lap_readmore_taxonomy_flatsome_show"><a title="Xem thêm" href="javascript:void(0);">Mở rộng</a></div>';
});
wrap.append(function(){
return '<div class="lap_readmore_taxonomy_flatsome lap_readmore_taxonomy_flatsome_less" style="display: none"><a title="Thu gọn" href="javascript:void(0);">Thu gọn</a></div>';
});
$('body').on('click','.lap_readmore_taxonomy_flatsome_show', function(){
wrap.removeAttr('style');
$('body .lap_readmore_taxonomy_flatsome_show').hide();
$('body .lap_readmore_taxonomy_flatsome_less').show();
});
$('body').on('click','.lap_readmore_taxonomy_flatsome_less', function(){
wrap.css('height', minHeight+'px');
$('body .lap_readmore_taxonomy_flatsome_show').show();
$('body .lap_readmore_taxonomy_flatsome_less').hide();
});
}
}
});
})
})(jQuery)
</script>
<?php
$content = ob_get_clean();
echo $content;
}
} );
