Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #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
    this is what & where I’d like the elements displayed (based on a design I’m working to):
    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,

    • This topic was modified 2 months, 4 weeks ago by Jason.

    Hey 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() { ?>
      $( '.slide-entry' ).each(function() {
      $( this ).find( 'time.slide-meta-time' ).insertBefore( $(this).find('header'));
    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,


    again, super awesome support here Mike – really appreciate it

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Blog posts (grid) – change element position etc’ is closed to new replies.