Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #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 8 months ago by Jason.
    #1438046

    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
    Enfold_Support_5134.jpeg
    you also could use Elegant
    Enfold_Support_5136.jpeg
    and Default (Business)
    Enfold_Support_5138.jpeg
    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 );

    Enfold_Support_5140.jpeg
    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;
    }

    Enfold_Support_5142.jpeg
    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,
    Mike

    #1438394

    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.