-
AuthorPosts
-
July 24, 2018 at 9:21 pm #989381
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:
- Move Date under the title
- Add padding under the excerpt and between the line border
- Make the images bigger – roughly 250px wide
- Make the line go under the images as well
Any help would be greatly appreciated!
July 25, 2018 at 10:36 am #989601Hey 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,
IsmaelJuly 25, 2018 at 3:00 pm #989733Thanks Ismael – it all worked out perfectly!
I’ll remember in the future to do each question as it’s own post.
July 25, 2018 at 5:58 pm #989843Hi fusiontechinc,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
