Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 3, 2016 at 6:17 pm #707890
    pelyon

    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

    November 3, 2016 at 6:41 pm #707899
    Basilis

    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

    November 3, 2016 at 7:33 pm #707918
    pelyon

    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

    November 5, 2016 at 10:35 am #708655
    Nikko

    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

    November 5, 2016 at 7:33 pm #708726
    pelyon

    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

    November 7, 2016 at 3:14 pm #709258
    Nikko

    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

    November 7, 2016 at 9:29 pm #709466
    pelyon

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

    -Pelyon

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