Home>Support>Alternate Featured Image Side?

Alternate Featured Image Side?

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Is it possible to alternate the side that the featured images appears on in the posts loop?

Webpage link – http://www.onthelevelblog.co.uk

URL: http://www.onthelevelblog.co.uk/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 3 months ago Daniel
    Hi, I Work Here

    Hi Thibaste

    You can only shift it from left to right

    If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    body.page-id-42 article.post.post-with-thumbnail-icon .entry-thumbnail, article.page.post-with-thumbnail-icon .entry-thumbnail {
        float:right !important;
    }
    

    Cheers

  2. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Thibaste

    Thanks for reaching out.

    Try the following under Appearance > Custom CSS:

    /* Blog - Thumbnail Layout - Alternate Featured Image Position */
    
    article:nth-of-type(odd).post.post-with-thumbnail-icon .entry-thumbnail,
    article:nth-of-type(odd).page.post-with-thumbnail-icon .entry-thumbnail {
    	float: right;
    }
    
    article:nth-of-type(odd).post.post-with-thumbnail-icon .entry-main, 
    article:nth-of-type(odd).page.post-with-thumbnail-icon .entry-main {
    	float: left;
    }
    

    Hope that helps.

    (You can change the word “odd” to “even” to switch in the opposite order)

    • 10 years, 3 months ago Thibaste

      That is perfect! Thank you so much!!

  3. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad that helped :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More