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

    Hi! I would like to know if it’s possibile to change the standard blog layout, as follow:
    – hide the featured image (or the icon if the image is not present)
    – left align post title
    – display the image (if present) at the left of the preview text.

    Many thanks in advance!
    Simone

    #547393

    Hi ilsymo,

    Please try the following in Quick CSS under Enfold–>General Styling for 1 and 2:

    .page-id-1039 .small-preview {
    display:none !important;
    }
    
    .page-id-1039 .post-title {
        text-align: left !important;
        max-width: 100% !important;
    }

    I’m not sure what you mean by your third point though, could you try to explain a bit further please?

    Best regards,
    Rikard

    #547409

    Hi Rikard! The code provided works great!
    For my last question: please look at the post. You will see an image on the left of the text. I would like to display the image (if published in the post) in the blog page, just like in this site.

    Kind regards
    Simone

    #547537

    Hi,

    The code I gave you previously was to hide the featured image in any scenario, it would unfortunately require a lot of customisation to check if a featured image has been uploaded or not and would be out of scope of theme support. I would recommend to keep the featured image and to upload one for each post, you could use a generic one for the ones you don’t have a good image like your site logo or something like that. Would that work for you?

    Regards,
    Rikard

    • This reply was modified 9 years ago by Rikard.
    #547595

    Hi Rikard, sorry for the misunderstanding. I’m not talking about featured image, but I would like to show a simple image inserted inside the post text (in the 99,9% the image is left aligned before the text begins.)

    If this is not possible, then I will use the featuerd image instead, but left aligned at the same level of the title and preview text of the post.

    Kind regards
    Simone

    #547676

    Hi!

    Everything is possible, but that would need a lot of work to be done.

    You can contact one of our Customization Contractors, who will help you out with the process.
    http://kriesi.at/contact/customization

    Let us know if we could do anything else, regarding our theme

    Cheers!
    Basilis

    #547722

    Hi Basilis! Thanks for your reply.
    Do I need customizations contractors also to only align the featured image to left of title and preview text in the post list page?
    In this case I will use standard feature of template, so only a change of position of the image is needed.
    Thanks again and sorry for any inconvenience!

    Simone

    #547821

    Hi Simone,

    Looking at your site today it looks like you got it the way you want, correct?

    Best regards,
    Rikard

    #547871

    Hi Rikard, not exactly. In my last reply I was asking you if it was possible to left align the featured image at the same level of title and preview text of the blog page.
    This image was hided with the code you provide to me in your first reply. Considering your next responses, I think that the easiest way to get my target without any deep customizations, is to show the featured image and change its alignment to left at the same level of title and preview text. Please check the page in private data content.

    I apologize for any misunderstanding and for my poor English!

    Kind regards
    Simone

    #548504

    Hi,

    Ok, please try the following instead:

    #top .fullsize .template-blog .blog-meta {
    display:inline !important;
    }

    Thanks,
    Rikard

    #549995

    Hi Rikard, thanks for the code!
    Do you think it’s possible to adjust the alignment? I need a little space between image and text. Title should also be at the same height of the image (or vice versa).

    Thanks for your help.

    Simone

    #551895

    Hey!

    Please replace the code with this:

    #top .fullsize .template-blog .blog-meta {
        display: block;
        border: 10px;
        float: left;
        margin-right: 20px;
    }
    
    .html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper > .entry-content {
        padding-left: 100px;
    }

    Regards,
    Ismael

    #552077

    Hi Ismael! Thank you so much, now it looks great!

    Kind regards
    Simone

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Blog layout’ is closed to new replies.