How to center featured image left on blog page?

  • Greetings,

    I use the Themify 1.6.3 theme that has a custom CSS option.

    The problem: On my blog posts page I would like to move the featued image (that is displayed on top of the posts) on the left side of the post. On my front page I have already achieved this using widgets, but on the blog page I cannot make any such modifications. I can change the image size, but cannot change it’s location.

    Is there a simple line of code that would fix this and which I could add to my theme’s custom CSS?

Viewing 4 replies - 1 through 4 (of 4 total)

  • find class ” .loops-wrapper .post-image ” in your stylesheet
    and add property text-align: left;
    link this:
    .loops-wrapper .post-image {
    margin-bottom: 1em;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: left; /*add this line */
    }

    Thread Starter tovk

    (@tovk)

    Thank you for the reply.

    So can I just add this code to my theme’s custom CSS? And would this also affect other archive pages like categories and tags (preferred)?

    -TOVK

    Thread Starter tovk

    (@tovk)

    Hi,

    still waiting for a clarification as I didn’t quite understand the answer. I would like to solve this (is possible) by adding custom CSS to my theme’s custom CSS form in the Customization menu.

    Any help appreciated!

    -tovk

    Thread Starter tovk

    (@tovk)

    I have not been able to get this working.

    Any help appreciated!

    -tovk

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