Articles: Round image presentation

Home Forums Jevelin Theme Articles: Round image presentation

Home Forums Jevelin Theme Articles: Round image presentation

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  •  

    Hi,

     

    How can I make the images to present each article round? Instead of squared.

    You can find enclosed an screen shot of what I mean.

     

    Thanks

    Best regards

     

     

    Hi @iznomad,

     

    I hope you are well today and thank you for your question.

     

    It seems you missed to share the screenshot so could you please share it along with page URL where it is displaying so that i can help you?

     

    Best regards,
    Shufflehound team

    Hi,

     

    It was a word with 2 print screened images but it exceeded the size allowed sorry.

    Below the URL of the blog which uses the round image to display the articles:

    http://www.vie-nomade.com/voyage-alternatif/folklore/

    http://www.vie-nomade.com/

     

    I would like to use the same effect but I cannot find how to do it with Jevelin theme.

     

    Thanks

    Best regards

    Attachments:
    You must be logged in to view attached files.

    We can achieve this by developing custom CSS code.

    Could you please share me the page URL from your site where you want to achieve this so that i can help you to achieve it?

    Thanks

    The URL is http://iznomad.com/

    If you manage could you explain me how to do it myself ? or create a module with this effect on one of the blog template ?

    As I am not sure about the effect, I want to be able to make some images squared or round depending on the page.

     

    Best regards

    Solution for this topic

    You can try achieving this for all blog list articles by adding the following CSS code in the Custom CSS code option of your theme on the below path.

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .blog-list .post-meta-thumb img {
        border-radius: 100%;
        height: 300px;
        width: 300px;
        min-width: 0;
        display: table;
        margin: 0 auto;
        float: none;
    }

    Currently you have to achieve this by developing custom CSS code like above but we will try to implement it in the future version of theme.

    Great thanks ! I am really impressed about the support provided !

     

    Are you going to add it as a general setting or an option that you can use for some pages and not for others ?

     

    I will wait for the next update of the theme then.

     

    You are most welcome here 🙂

     

    Are you going to add it as a general setting or an option that you can use for some pages and not for others ?

    We may add both of these options.

    Hi,

     

    Did you add this option to the last update ? If so where is it ?

     

    Thanks

    Best regards

    Hi there,

     

    Sorry, but this feature was much harder to implement (for all styles and overlays) than we think.

    Therefore at the moment we can only help with custom CSS.

     

    Best regards,

    Shufflehound team

    ok, when it is implemented could you inform me here ?

     

    Thanks

    Yes, of course, but we are not fully sure if will be implemented.

    Therefore at the moment we can recommend you to use that CSS code.

     

    Let us know if you need any more help.

Viewing 12 posts - 1 through 12 (of 12 total)