Title below featured image

Asked on September 30, 2016 in Customization.

Hi, is there any elegant way to place titles & content on both blog & archive pages below the featured image (or, in other words move featured image to the top :)?

januszewskijarek Layers User
Reply
  • Possible Answers to Your Question:

  • 2 Answer(s)
    Answered on October 1, 2016.

    It seems I have found a working solution. Simple jQuery method:

     jQuery("header").detach().appendTo(".thumbnail");
     
    Reply
    Answered on October 1, 2016.

    This is final solution for moving title under the featured image depending it’s on the post archive page (homepage in my case) or single post page, in which previously I added a div with the “swapper” id. I used that method because I also want my title under the top-most object div (zoomify) on single post.

    jQuery(function($) {
        $(document).ready( function() {
            if ($("body").hasClass("home")) {
                jQuery('article').each(function(){
                    jQuery(this).find('header').before(jQuery(this).find('.thumbnail').detach());
                });
            }
            else {
                $('header').insertAfter('#swapper');
            }
        });
    }(jQuery));
     

    Works flawlessly here.

    Reply