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
    NOT RESOLVED Posts

  • iznomad
    Participant

     

    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

     

     

    Shufflehound Support
    Moderator

    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

    iznomad
    Participant

    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.

    Shufflehound Support
    Moderator

    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?

    iznomad
    Participant

    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

    Shufflehound Support
    Moderator

    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.

    iznomad
    Participant

    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.

     

    Shufflehound Support
    Moderator

    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.

    iznomad
    Participant

    Hi,

     

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

     

    Thanks

    Best regards

    Shufflehound
    Moderator

    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

    iznomad
    Participant

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

     

    Thanks

    Shufflehound
    Moderator

    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.

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