Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #184551

    Here is the link for reference: http://crowdriff.com/blog/

    I would like to Display the title, date, comments, categories, author ABOVE the featured image, so:

    1. Title
    2. Author, etc.
    3. Featured Image
    4. Post content

    #185070

    Hi dholowack!

    Add this at the end of js/avia.js:

    jQuery('.page article').each(function(){
    
    jQuery(this).find('.entry-content-header').after(jQuery(this).find('.big-preview').detach());
    
    })

    Cheers!
    Josue

    • This reply was modified 10 years, 8 months ago by Josue.
    #189611

    Hi,

    I just came across this topic. I made the changes as per your reply.

    Can you please help me with the following:
    1. The featured image on the blog page is now out of alignment – how to align it left?
    2. I want the featured image to show below the post title on the post page (same as on the blog page)
    3. I’d also like to increase the spacing between the featured image and the post title.

    Thanks in advance for your help,
    Brenda

    #189643

    Hello Brenda!

    Can you post a link to your blog page?

    Regards,
    Josue

    #189993

    Sure, here it is – a work in progress…
    http://www.targettraining.eu/blog-test/

    Have a good day,
    Brenda

    #190120

    Hi Brenda!

    Replace the code i provided to this:

    jQuery('article.post').each(function(){
    
    jQuery(this).find('.entry-content-header').after(jQuery(this).find('.big-preview').detach());
    
    })

    Then add this code the Quick CSS:

    .big-preview {
    padding: 0 !important;
    margin-top: 20px;
    }

    Cheers!
    Josue

    #190135

    Fantastic! Thanks so much.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Move Featured Image BELOW post title, date, etc.’ is closed to new replies.