Hi There - I am wondering if there is a way to customize the size of the hero image and portfolio piece images with the Portfolio Template? I want my page to look like the first attached screenshot (images are smaller and there are margins). The second screenshot is what my page looks like currently.
In addition, is there an optimal image size for featured images for portfolio pieces? Parts of my images are getting cut off.
These, and the size of the thumbnail (normal, wide, tall) and the size of the hero section (half, full) are configuarble in page and portfolio item options
The hero image for the portfolio page is already at 50% width. I want to further customize it. 50% is still too large.
In addition, I have margins turned on for the portfolio page but I want larger margins on the right and left edges of the screen. Is that something I can customize on the template?
I think I can accomplish what I need with visual composer? How can I move items created with visual composer to be before the template?
Thank you! It seems that this custom CSS changes all hero images. Is there a way I can alter just the hero image on the home page?
To box the portfolio page, how could I get custom work an javascript modifications? Or would it be possible to instead add the hover effects on the images on the homepage (the images on this page: http://annazhang.co/)?
Hi There - I am wondering if there is a way to customize the size of the hero image and portfolio piece images with the Portfolio Template? I want my page to look like the first attached screenshot (images are smaller and there are margins). The second screenshot is what my page looks like currently.
In addition, is there an optimal image size for featured images for portfolio pieces? Parts of my images are getting cut off.
Thanks!
Anna
Hi Anna,
we use 1200x600 images for normal thumbnail sizes. The images have to optimized for web.
Disable margins for portfolio items and the number of columns in portfolio pages by going to page options - Portfolio Templates tab
thanks
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
These, and the size of the thumbnail (normal, wide, tall) and the size of the hero section (half, full) are configuarble in page and portfolio item options
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hi There,
The hero image for the portfolio page is already at 50% width. I want to further customize it. 50% is still too large.
In addition, I have margins turned on for the portfolio page but I want larger margins on the right and left edges of the screen. Is that something I can customize on the template?
I think I can accomplish what I need with visual composer? How can I move items created with visual composer to be before the template?
Thanks,
Anna
To follow up -
Currently my portfolio page looks like this: http://annazhang.co/work-2/
But I want it to look like this: http://annazhang.co/
As you can see - in the second link, the margins are larger and the hero image is smaller. Please let me know if this is possible. Thanks!
Hi,
Please add this in Theme Options > Custom CSS:
#hero {
height: 300px !important;
}
.hero-image {
background-color: #fff;
background-size: contain!important;
}
To make the portfolio boxed, require custom work an javascript modifications.
Regards
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hi there,
Thank you! It seems that this custom CSS changes all hero images. Is there a way I can alter just the hero image on the home page?
To box the portfolio page, how could I get custom work an javascript modifications? Or would it be possible to instead add the hover effects on the images on the homepage (the images on this page: http://annazhang.co/)?
Add this class .page-id-63 before #hero and .hero-image
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio