You can choose 4 Items per Row option if you want to show smaller images for your portfolio items (see example).
Or if you want to choose specific sizes for your portfolio items then you can use Masonry Portfolio and add your portfolio items manually to choose the size for each of them (see video).
It seems https://eshenchen.com/portfolio/ is not a page(?) and on the top there is no "Edit Page" or "Edit with Wpbakery Page Builder" like somewhere else?! I don't know how to get to edit it @@?
/portfolio page is automatically created by the Portfolio Post Type plugin, you can easily change the slug of the default portfolio page and then build your masonry portfolio in the /portfolio page (read more).
for the original automatically created portfolio page, I have css to the title's font style (now it's changed to here: https://eshenchen.com/works/). But the css doesn't show on masonry portfolio, and the title is above the image.
Any css I can use to make the title is below the image on masonry portfolio? and to modify the title's font style?
Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer.
Hi, I think you misunderstand the "title". Here I mean the "Portfolio Layout Type", not the one of "Portfolio Title & Description".
Now the title and category of this portfolio item shows on the image as hover, but I want it just simply below the featured image as the "Visible Titles".
Is it possible to use the masonry portfolio page with "Visible Titles" style?
About the featured image on portfolio listing page. May I modify its to 293x220px?
Hi Eshen,
You can choose 4 Items per Row option if you want to show smaller images for your portfolio items (see example).
Or if you want to choose specific sizes for your portfolio items then you can use Masonry Portfolio and add your portfolio items manually to choose the size for each of them (see video).
Thanks!
Have a great weekend.
Hi Yill,
Thanks for the video. The Masonry Portfolio works great. However now I got confusing, cause the page I changed to Masonry Portfolio is https://eshenchen.com/portfolio-2/ , but I want to do it at https://eshenchen.com/portfolio/.
It seems https://eshenchen.com/portfolio/ is not a page(?) and on the top there is no "Edit Page" or "Edit with Wpbakery Page Builder" like somewhere else?! I don't know how to get to edit it @@?
Hi Eshen,
/portfolio page is automatically created by the Portfolio Post Type plugin, you can easily change the slug of the default portfolio page and then build your masonry portfolio in the /portfolio page (read more).
See video: https://d.pr/v/1ll0go
Have a nice day!
Hi, Yill
for the original automatically created portfolio page, I have css to the title's font style (now it's changed to here: https://eshenchen.com/works/). But the css doesn't show on masonry portfolio, and the title is above the image.
Any css I can use to make the title is below the image on masonry portfolio? and to modify the title's font style?
Thanks.
Hi Eshen,
Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer.
Thanks!
How can I modify the title’s font style and the title’s location on a masonry portfolio page?
1. 13px font size with 1px letter-spacing
2. make the title below the featured image as attached.(not above the image like now
https://eshenchen.com/portfolio_notyet/
Thanks.
Hi Eshen,
Please see this video: https://d.pr/v/N3bJ3q
Have a nice day!
Hi, I think you misunderstand the "title". Here I mean the "Portfolio Layout Type", not the one of "Portfolio Title & Description".
Now the title and category of this portfolio item shows on the image as hover, but I want it just simply below the featured image as the "Visible Titles".
Is it possible to use the masonry portfolio page with "Visible Titles" style?
Hi Eshen,
Thanks for your clarification.
Sorry but the Masonry Portfolio element supports only that layout for the moment and not the Visible Titles one.
Thanks for your understanding.
I see. Thanks!