Tagged: Blog, child theme, grid, template
-
AuthorPosts
-
March 20, 2024 at 1:22 am #1437655
hey there,
i’d like to change what elements are displayed & where they are displayed. i’m using a child theme so am happy & comfortable doing an override, but I guess I just need to know what the file name is that needs modification.
this is how one of the grid elements are displayedL https://share.cleanshot.com/r2C9NlF8
this is what & where I’d like the elements displayed (based on a design I’m working to): https://share.cleanshot.com/ZQvHzgVn
essentially I don’t need the category meta, i want to move the publish date & change the read more from a button to a plain text link & move it’s position.
maybe reduce the excerpt length as well.
can you give me some pointers please?
thanks heaps,
Jason- This topic was modified 9 months ago by Jason.
March 23, 2024 at 3:30 pm #1438046Hey Jason,
Thanks for your patience, the blog element layout is dependent on the Enfold Theme Options ▸ Blog Layout ▸ Blog Styling
it looks like you are using the Modern Business
you also could use Elegant
and Default (Business)
So I recommend choosing the one that is closest to your overall goal, which in this case seems to be Default (Business) and then adjust from there. So in this example it looks like we only need to move the date above the title, I recommend using jQuery in your child theme functions.php instead of customizing the element php file in your child theme, \enfold\config-templatebuilder\avia-shortcodes\postslider\postslider.php, because future features may not work correctly if you use an older version of the file.
For example:function custom_move_time_script() { ?> <script> (function($){ $( '.slide-entry' ).each(function() { $( this ).find( 'time.slide-meta-time' ).insertBefore( $(this).find('header')); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_move_time_script', 99 );
Then you can make the rest of the adjustments with css, like hiding the comments, making the date larger & gold, adding top padding, making the read more gold, etc..slide-content .slide-meta { display: none; } .slide-content .slide-meta-time { font-size: 14px; color: gold; } .slide-content .slide-entry-title { font-size: 28px; padding-bottom: 10px; } .slide-content { padding-top: 20px; } .slide-content .read-more-link a { color: gold; }
So give this a try and if you need further help please create a test page so we can examine your element and offer more help.Best regards,
MikeMarch 27, 2024 at 3:51 am #1438394again, super awesome support here Mike – really appreciate it
-
AuthorPosts
- The topic ‘Blog posts (grid) – change element position etc’ is closed to new replies.