Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 6, 2017 at 12:31 pm #756328
    architchandra

    Please look at this image: https://cdn.colorlib.com/wp/wp-content/uploads/sites/2/wordpress-featured-images.jpg
    I want the blog posts style to look like this or like they have on mention.com/blog. Please suggest how to do this.
    Thanks.

    March 6, 2017 at 2:40 pm #756419
    Vinay

    Hey architchandra,

    Please use the blogpost element and grid layout. Once you have the basic structure setup close to the mockup please get back to us with the link to your site where we can inspect the element in question so we can assist you further with the required css.

    Best regards,
    Vinay

    March 6, 2017 at 5:45 pm #756519
    architchandra

    Hi Vinay

    I have been able to achieve this much by myself: http://havehope.in/wp/blog-2/

    But there are a few more things that I still want to do:
    1. Reduce the horizontal space between blog items while keeping them center aligned on the whole. If I just reduce margin-left the space on the right side increases as everything is float: left; Could flexbox help here? Need suggestions.
    2. In case one blog entry’s title length is large, I want the others’ boxes to also be equal to the length of the largest one so that it seems that all boxes have the same dimensions. How can I implement that?

    March 8, 2017 at 9:54 pm #758047
    Vinay

    Hi,

    That’s great you got this far :)

    1. You are on the right track once you decrease the margin left you also need to increase the width of the blog post elements so they fill the area and there is no gap left on the right side.

    div .av_one_third {
    margin-left: 3%!important;
    width: 31.333333%!important;
}

    2. At the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.

    But please feel free to request such feature at our feature request system: https://kriesi.at/support/enfold-feature-requests/

    This system allows us to keep track of user suggestions and lets you vote on the feature you would like to see the most. I am afraid though there is no guarantee that a feature will get implemented. If that’s something you really need you can always try to hire a developer for the task :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.