Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 1, 2025 at 5:56 am #1483427
    laptophobo

    Hi folks,
    I would like to recreate something that has already been done on this old thread: https://kriesi.at/support/topic/blog-layout-image-left-text-right/.

    When I follow the instructions (which became muddled because of code edits in the thread) I’m unable to produce what I want. The screenshot that was provided by the thread author is this one: https://www.webdesign-phoenix.com/wp-content/uploads/2019/10/Screen-Shot-2019-10-07-at-10.10.44.png.
    This is what I’d like to produce, except to have the image on the right and the content on the left.

    In the Layout Builder, I applied Blog Posts. Then selected “single author, big preview Pic…” for my blog style.

    But the CSS provided on the aforementioned thread doesn’t work.

    Thanks in advance,
    Richard

    May 1, 2025 at 6:14 pm #1483454
    Rikard

    Hey laptophobo,

    Could you post a link to where we can see the results that you are getting please?

    Best regards,
    Rikard

    May 2, 2025 at 12:27 pm #1483501
    laptophobo

    The location of the sample page is: https://dev.websitebrew.com/blog-test/

    The code I used is this:

    @media only screen and (min-width: 768px) {
    .blog div.single-big {
    max-width: 48%;
    display: inline-block;
    vertical-align: top;
    }

    .blog .entry-content-wrapper {
    max-width: 48%;
    display: inline-block;
    }
    }

    May 3, 2025 at 12:22 pm #1483547
    Rikard

    Hi,

    Please try this CSS instead:

    
.html_elegant-blog #top .big-preview {
  max-width: 48%;
  display: inline-block;
  vertical-align: top;
}

.html_elegant-blog #top .entry-content {
  max-width: 48%;
  display: inline-block;
}

    Best regards,
    Rikard

    May 4, 2025 at 6:46 am #1483563
    laptophobo

    Yes, that worked great. All I needed to do was to customize it. Thanks for that.

    May 4, 2025 at 12:41 pm #1483568
    Mike

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘blog with image on right but text on left’ is closed to new replies.