Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 4, 2015 at 10:29 pm #547285
    ilsymo

    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

    December 5, 2015 at 9:19 am #547393
    Rikard

    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

    December 5, 2015 at 10:05 am #547409
    ilsymo

    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

    December 6, 2015 at 5:51 am #547537
    Rikard

    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 8 years, 11 months ago by Rikard.
    December 6, 2015 at 10:02 am #547595
    ilsymo

    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

    December 6, 2015 at 8:12 pm #547676
    Basilis

    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

    December 7, 2015 at 1:12 am #547722
    ilsymo

    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

    December 7, 2015 at 8:00 am #547821
    Rikard

    Hi Simone,

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

    Best regards,
    Rikard

    December 7, 2015 at 10:49 am #547871
    ilsymo

    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

    December 8, 2015 at 5:04 am #548504
    Rikard

    Hi,

    Ok, please try the following instead:

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

    Thanks,
    Rikard

    December 9, 2015 at 10:24 pm #549995
    ilsymo

    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

    December 14, 2015 at 3:32 am #551895
    Ismael

    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

    December 14, 2015 at 10:53 am #552077
    ilsymo

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

    Kind regards
    Simone

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