Align featured image left on blog page

  • Resolved tovk

    (@tovk)


    7 years, 10 months ago

    Greetings,

    I use the Themify 1.6.3. theme. On my blog page (which features most recent posts) I would like the post’s featured image be aligned on the left side of the post. I would also want to include archive, category and tag pages. The featured image is currently on top of the title, text and etc. and I am unable to change this by using my theme’s default features.

    I would like to solve this by adding some CSS code to my theme’s Custom CSS form in the Customization menu.

    Any help appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    This CSS should do it, more or less:

    .loops-wrapper .post-image {
   float:left;
   margin-right: 2em;
}

    To add CSS:

    • If you are using WordPress 4.7, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.
    • If not, install the plugin Simple Custom CSS.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter tovk

    (@tovk)

    Thank you again, it worked… well, partially, because part of the text will now appear below the image if there’s more text than image. Is there a way to make it so that both the image and the text wold hold their own vertical columns?

    -tovk

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    .post-content-inner {
    display: table;
}

    As you use a commercial theme and need support, please use their official support channel. We feel they are best equipped to support their products.

    https://themify.me/forum

    Commercial products are not supported in these forums. You are their customer; I am sure they will have no problem supporting you there.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Align featured image left on blog page’ is closed to new replies.