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

    Hi, I’m using the “Single Author, Big Preview Pic (no author pic, feature img big)” Blog Style because I want a larger image. However, this style places the text below the image. Is there a way to float the image left so the text is to the right of the image? It is this way in the small pic style, so I just want to replicate that with a larger image. Thanks for any assistance you can provide.

    -Pelyon

    #707899

    Hi Jason!

    Please take a look at the topic here
    https://kriesi.at/support/topic/blog-posts-image-left-column-and-text-on-right/

    and let us know if that is what you want to make, if I understood you right.

    Thanks a lot

    Regards,
    Basilis

    #707918

    Hi Basilis,

    No, that CSS did not work for me, no change to what it looks like now. I just want the text to be to the right of the image instead of beneath the image. Is that doable? It is the case with the small pic blog style, text on right, but not the large pic blog style.

    -Pelyon

    #708655

    Hi Pelyon,

    I tried to take a look at your site but it only shows this:

    The website you are visiting is currently offline due to system maintenance.

    In order to give the best filesystem performance possible, and to ensure the
    integrity of data, a diagnostic process is being performed, and any inconsistencies
    will be repaired. This process may take approximately 30 to 60 minutes.

    if it’s online, try to add this code in Quick CSS (located in Enfold > General Styling):

    .big-preview.single-big {
        float: left;
        margin-right: 4%;
        width: 46%;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #708726

    Thanks Nikko, that worked. However, on mobile the text doesn’t flow underneath the photo, but stays right and creates a long and narrow column. I’m referring to the top entry of the page. I’m using nothing but image/text in the excerpt area for the other two, which I would rather not do. Can you suggest how to make the top entry look similar to the bottom two on mobile? Thanks! (BTW, the site was being moved to another server when you looked at it. It’s visible now.) Thanks again!

    -Pelyon

    #709258

    Hey Pelyon,

    Try adding this code at the bottom of Quick CSS:

    @media only screen and (max-width:767px) {
      .page-id-3633 .flex_column.av_one_full {
        padding: 0 !important;
      }
    
      .big-preview.single-big {
        float: none;
        margin: 0;
        width: 100%;
      }
    }

    Let us know if it helps :)

    Cheers!
    Nikko

    #709466

    Hi Nikko, Yes that did it, all I had to do was add !important; after the float, margin, and width elements. Thanks again.

    -Pelyon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Blog Style Layout with Big Preview Pic’ is closed to new replies.