javascript - Moving each blog date to bottom of excerpt -
on site homepage, there grid section 2 latest blog posts. need javascript move date bottom of each block (outside of border). link is: http://abundancepractice-building.flywheelsites.com
here structure:
<div class="et_pb_column et_pb_column_4_4"> <div class="et_pb_blog_grid_wrapper"> <div class="et_pb_blog_grid clearfix et_pb_bg_layout_light blog-section" style="position: relative; height: 400px;"> <article id="post-226" class="et_pb_post et_pb_no_thumb post-226 post type-post status-publish format-standard hentry category-uncategorized" style="position: absolute; left: 0px; top: 0px;"> <h2><a href="http://abundancepractice-building.flywheelsites.com/what-you-learned-in-grad-school-is-ruining-your-website-and-10-ways-to-fix-it/">what learned in grad school ruining website (and 10 ways fix it)</a></h2> <p class="post-meta"> jun 5, 2015 </p>blog excerpt text... </article> <!-- .et_pb_post -->
so p.post-meta needs attached bottom of block each. i'm not javascript expert, here's tried far:
jquery(function($){ $( ".post-meta:nth-child(1)" ).appendto(".et_pb_post.et_pb_no_thumb:nth- child(1)"); $( ".post-meta:nth-child(2)" ).appendto(".et_pb_post.et_pb_no_thumb:nth-child(2)"); });
and
jquery(function($){ if ($('body').hasclass('et_pb_blog_grid')) { $('.et_pb_post p') .each(function() { var n = jquery(this).find(".post-meta").html(); $(n).clone().insertafter(jquery(this).find('.et_pb_post.et_pb_no_thumb')); }); } });
there's no need use javascript this.
just edit template , move
<?php the_excerpt(); ?>
to before post date.
edit:
open homepage in wp admin area , make note of template name uses.
then search template files in themes folder name should appear like:
<?php /* template name: homepage */ ?>
that file need modify
Comments
Post a Comment