Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #549279

    Hi
    I just want to have the big preview image of my blog site, on the right side. Like on this page: But only for my Blogsite because on the home-page I also will show the blogpost but in the gride format…

    Thanks for you’re help
    Btina

    #549321

    Hi Btina!

    Hope all is well!

    Can you please post the link to your website? :)

    Best regards,
    Yigit

    #549337

    Hi Yigit! :)
    Yes, all fine and you?

    Best regards,
    Btina

    #549340

    Hi!

    All is well on my end as well, thanks :)

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .blog .big-preview.single-big {
        width: 40%;
        float: left;
        margin-right: 30px;
    }
    .blog .entry-content {
        width: 50%;
        float: left;
    }

    Regards,
    Yigit

    • This reply was modified 9 years ago by Yigit.
    #549348

    Aswersom!
    But how can I say Titel and Excerpt + Read More Link? It’s not working if I set that in the settings for the Blog with Grid options or can I do so with the Quick CSS?
    Thanks

    #549353

    Hi!

    Can you please try switching blog style to Elegant (It is fairly new one, introduced in version 3.4 example can be seen here – http://kriesi.at/themes/enfold-minimal-portfolio/blog/ ) in Enfold theme options > Blog Layout > Blog Styling?

    Best regards,
    Yigit

    #549354

    Ok, but still I have this issue, that I can see the full blog post instead of a preview. I should look like this

    Thanks
    B

    #549355

    Sould look like this https://permatree.wordpress.com/ I hope you can see the link now…

    #550782

    Hi Yigit
    May I ask you again with my blogpost problem? Why is it showing the whole blog instead of a preview?

    Thank you
    Btina

    #550784

    If I don’t set the blog page as a blog can I still have a CSS code for the blog page?

    #551426

    Hi!

    Remove the .blog selector, replace it with the page id. Something like this:

    .page-id-29 .big-preview.single-big {
        width: 40%;
        float: left;
        margin-right: 30px;
    }
    
    .page-id-29 .entry-content {
        width: 50%;
        float: left;
    }

    Cheers!
    Ismael

    #551477

    Hi Ismael
    Thank you for you’re respond. That helped a lot but finaly I’d like to have the image on the left and the text on the right. So I tried with float right but dosen’t helped because it’s underneath not on the same hight as the image.

    It has to look like this:

    Thank you
    Btina

    #553411

    Hi!

    Please add this code:

    .page-id-29 .big-preview.single-big {
        float: left;
        width: 45%;
        margin-right: 2%;
    }

    Remove this one:

    .page-id-29 .entry-content {
        width: 50%;
        float: right;
    }

    Best regards,
    Ismael

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.