I’m looking to make some customizations to the Magazine element, but can’t for the life of me get the right codes to make it do I want.
Here’s the page it’s on: https://ftiinc.org/testing-features/
Here’s what I’m looking to do:
Any help would be greatly appreciated!
Hey Jason,
Thank you for using Enfold.
1.) Add this script to move the date after the title.
add_action('wp_footer', 'ava_move_date_after_title');
function ava_move_date_after_title(){
?>
<script type="text/javascript">
(function($) {
$('.av-magazine-entry').each( function() {
var date = $(this).find('.av-magazine-time');
var title = $(this).find('.av-magazine-title');
date.insertAfter(title);
});
})(jQuery);
</script>
<?php
}
2.) Add this css code to create space below the excerpt.
.av-magazine-content.entry-content {
padding-bottom: 20px;
}
3.) Use this to adjust the size of the thumbnail.
.av-magazine-thumbnail {
width: 120px;
min-height: 120px;
}
.av-magazine-thumbnail img {
width: 100%;
}
4.) And this css code to move the border below the thumbnail.
.av-magazine-entry {
border-bottom: 1px solid;
padding-bottom: 20px;
}
.av-magazine-content-wrap {
border-bottom: 0;
}
We don’t usually entertain multiple questions on a single page, so it’s better if you create a single thread for each inquiry.
Best regards,
Ismael
Thanks Ismael – it all worked out perfectly!
I’ll remember in the future to do each question as it’s own post.
Hi fusiontechinc,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria