- This topic has 3 replies, 2 voices, and was last updated 4 years, 8 months ago by
.
Hello,
I am trying to create a new portfolio page using the Gallery Slider option. The specific page I am talking about is here: https://162labs.com/project/backtesting-screener/
The image gets cropped on the single page view and you can only see it once the image is opened. I want the full image to be shown without cropping.
I noticed these two posts from before:
- https://support.shufflehound.com/forums/topic/gallery-slider-image-height/
- https://support.shufflehound.com/forums/topic/portfolio-single-posts-gallery-slider-images/
However, neither of the custom CSS codes worked for me unfortunately. It seems that they were both able to find a solution. I want it to work like this for me: https://www.skylightstudiosinc.com/project/ma-korean-war-veterans-memorial/.
Could you please help?
Solution for this topic
Hi @abhinavjindal,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-portfolio-single-slider .sh-ratio-content { background-size: contain; background-repeat: no-repeat; }Best regards,
Shufflehound teamAWESOME! That worked!
Could you also tell me how to fix the page numbers once you open the images? Or should I create a separate ticket for that?
I tried the solution here: https://support.shufflehound.com/forums/topic/lightbox-duplicating-images/#post-50120.
I left a comment on that thread as well.
You are most welcome 🙂
Yes, please create a separate topic for each of your question.
