- This topic has 28 replies, 4 voices, and was last updated 6 years, 10 months ago by Tom.
-
AuthorPosts
-
May 24, 2017 at 12:48 pm #323648Manojit
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
May 24, 2017 at 3:34 pm #323713TomLead DeveloperLead DeveloperHi 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 🙂
May 24, 2017 at 10:29 pm #323822ManojitHey 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?
ThanksMay 24, 2017 at 11:51 pm #323835TomLead DeveloperLead DeveloperYou 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.
May 25, 2017 at 8:23 am #323961ManojitThanks 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.
May 25, 2017 at 8:28 am #323964LeoStaffCustomer SupportYou want rounded corners in featured images?
This should work:
.page-header-image-single img { border-radius: 10px; }
May 25, 2017 at 8:29 am #323966ManojitAlso 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.
May 25, 2017 at 8:35 am #323971LeoStaffCustomer SupportCan you provide a link to your site?
May 25, 2017 at 8:36 am #323973ManojitThanks Leo but i want the feature image thumbnail to be rounded.
May 25, 2017 at 8:36 am #323974ManojitI am working on it locally Leo using XAMP
May 25, 2017 at 8:43 am #323978LeoStaffCustomer SupportTry 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.
May 25, 2017 at 8:50 am #323980ManojitSure!
So the first image is in desktop view,
Here is the tablet view
May 25, 2017 at 8:57 am #323981LeoStaffCustomer SupportHave you added any custom CSS code?
That shouldn’t happen if you are using the default settings.
May 25, 2017 at 9:00 am #323989ManojitYes custom css in generate press document to get rid of padding in featured image
May 25, 2017 at 9:01 am #323991Manojithttp://i63.tinypic.com/iw7muu.png
here is the image source link
-
AuthorPosts
- You must be logged in to reply to this topic.