Register with your Envato account

Support forums

Homepage Support Regolith WordPress Portfolio Portfolio photos width

[Resolved] Portfolio photos width

Homepage Support Regolith WordPress Portfolio Portfolio photos width

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #7144
    PCity
    Participant

    Hello Planetshine,

    In the portfolio (possibly on all the pages of the theme), how to crop the photos keeping the original width?
    And if this is not possible, how to add a link to open the photo in a pop-up?

    Thank you,
    Claude.

    • This topic was modified 4 years, 11 months ago by PCity.
    #7147

    Hey,

    Regolith theme loads almost all images in their original aspect ratio and then they are cropped using CSS. Adding image popup functionality will require custom coding and I am quite sure that none of the plugins will allow to do this because theme is quite unique by itself.

    As images are cropped using CSS, it is possible to override theme’s default image styling. To do this you can try to paste this code to custom CSS box in theme’s settings:

    /* Home - Latest from blog */
    .latest-from-blog-homepage .image { background-size: contain !important; }
    
    /* Home - Recent portfolios */
    .latest-photos-homepage .item { background-size: contain !important; }
    
    /* Portfolio archive page - active image */
    .photo-gallery .item .image { background-size: contain !important; }
    
    /* Single portfolio page */
    .photo-gallery-open .image-open-wrapper .image-open { background-size: contain !important; }
    #7148
    PCity
    Participant

    Thank you for your very quick reply. I finally applied the last two codes and it’s perfect for me (so, only on Portfolio pages and archives).
    Thanks again.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Portfolio photos width’ is closed to new replies.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close