Blog articles: Preview size and alignment

  • Hi, I would like to know whether it is possible to reshape my posts’ preview on my blog here https://associazionenoproblem.it/blog/ . So far I managed to get rid of the date on the left side of each.
    I don’t want to see big previews and big pictures, otherwise you need to scroll down a lot to see each post. I would like to have 2 posts side by side with smaller images and a shorter preview.

    Thank you in advance for any help!!

Viewing 9 replies - 1 through 9 (of 9 total)

  • Hello

    @massimocireddu

    you can make image smaller but 2 posts side by side not possible

    to make image smaller insert code in custom css. you can increase or decrease value 50

    .enigma_blog_full .enigma_blog_thumb_wrapper_showcase 
{
    width: 50% !important;
}

    Let us know for further query

    Thread Starter massimocireddu

    (@massimocireddu)

    Hey Thank you for the quick answer… I used the input that you suggested but I’m not very happy with the alignment of the image above the post’s title.. Is there any command to put in order to change the height and the length of the image instead of the width in percentage?

    Thanks a lot again

    Thread Starter massimocireddu

    (@massimocireddu)

    I might have solved by myself adding

    .enigma_blog_thumb_wrapper_showcase
    {
    width: 620px; height:250px !important;
    }
    .enigma_blog_thumb_wrapper_showcase
    {
    margin-left: 20px !important;
    }

    It seems to be working for my case

    Let us know for further query

    Thread Starter massimocireddu

    (@massimocireddu)

    Yes thank you…indeed I have a new problem with the code I put….the images are not correctly displayed on MOBILE!! It never ends ??

    Thread Starter massimocireddu

    (@massimocireddu)

    I restored width: 100% and now it looks good….Not satisfied with the distance between the picture and the title in mobile view…I like perfection but at least now it is readable!!

    weblizar_support

    (@weblizar_support)

    Hello Massimocireddu,

    Please use this CSS –

    @media(max-width:480px){
.enigma_fuul_blog_detail_padding h2 {
    word-break: break-all;
}
}

    This CSS will surely help you.

    Thread Starter massimocireddu

    (@massimocireddu)

    Thank you very much again!!

    weblizar_support

    (@weblizar_support)

    You are most welcome.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Blog articles: Preview size and alignment’ is closed to new replies.