[Support request] Blog Page Help

Home Forums Support Blog Page Help

Viewing 15 posts - 1 through 15 (of 29 total)
  • Author
    Posts
  • #323648
    Manojit

    Hello Tom,

    I hope you are doing great!

    Thank you for helping me out with my previous issue. Really appreciate all the support.

    So i was just browsing the web and came across a wordpress theme called pieces here’s the link – http://csthemes.com/theme/pieces

    I really liked the blog settings they have here and i tried to re create it with generate press but no luck so far.

    Can you please have a look? Is it possible to get a similar look for my blog page ? Its very simple and seems doable.

    Thanks

    GeneratePress 1.3.46
    #323713
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Any specific aspects you’re hoping for?

    It’s using masonry, which GP has.

    The images with no padding around them is going to be a feature soon, but I can help you with some code to apply that now if you’d like.

    Let me know 🙂

    #323822
    Manojit

    Hey Tom,

    I already read the very well written documentation for generate press and found the code for removing padding on post’s featured image. So its looking good now.

    Can we make the content boxes rounded? widgets too, that would be nice.

    Also in mobile view there is only one column, can we make it two or more than one?
    Thanks

    #323835
    Tom
    Lead Developer
    Lead Developer

    You could try this:

    .inside-article,
    .sidebar .widget {
        border-radius: 10px;
    }

    I really wouldn’t suggest two columns on mobile – screens are still far too small to make that look good unless you’re only displaying square images.

    #323961
    Manojit

    Thanks for quick reply, the posts and sidebar widgets are rounded but the featured image has rectangle corners at the top.

    Note – I already got rid of padding for featured images on post.

    #323964
    Leo
    Staff
    Customer Support

    You want rounded corners in featured images?

    This should work:

    .page-header-image-single img {
        border-radius: 10px;
    }
    #323966
    Manojit

    Also one more thing i just noticed. Featured Images irrespective of their size look good in desktop view, but when i view the page in mobile or tablet view the images are outside the content box or some images do not fit properly into the content box. White bar is visible either on the left top or right side of the image.

    #323971
    Leo
    Staff
    Customer Support

    Can you provide a link to your site?

    #323973
    Manojit

    Thanks Leo but i want the feature image thumbnail to be rounded.

    #323974
    Manojit

    I am working on it locally Leo using XAMP

    #323978
    Leo
    Staff
    Customer Support

    Try this:

    .post-image img {
        border-radius: 10px;
    }

    Hard for us to tell what’s going on without seeing the site. The images shouldn’t be outside the container.

    Do you have a live server that you can duplicate the issue on? Or even a screenshot might help.

    #323980
    Manojit

    Sure!

    So the first image is in desktop view, Desktop View

    Here is the tablet view Tablet View

    #323981
    Leo
    Staff
    Customer Support

    Have you added any custom CSS code?

    That shouldn’t happen if you are using the default settings.

    #323989
    Manojit

    Yes custom css in generate press document to get rid of padding in featured imageCustom CSS

    #323991
    Manojit

    http://i63.tinypic.com/iw7muu.png

    here is the image source link

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