jordanhansen Posted November 10, 2023 Share Posted November 10, 2023 Hi! I have a portfolio page on a client website, and projects within that portfolio. I am trying to figure out how to add a drop shadow behind the images on the project pages themselves, but so far I haven't found anything that's worked. I have only been able to get a shadow on the portfolio page itself. The project titles are also somewhat long, so they overlap each other on mobile (image attached). Is there a way to resolve this with code? Thank you! Link to comment
Solution SaranyaDesigns Posted November 10, 2023 Solution Share Posted November 10, 2023 (edited) @jordanhansen try this in your custom CSS to fix the overlapping titles. You might have to play around with where you want the breakpoint to be, depending how long your titles are: @media (max-width 950px) { .item-pagination--prev-next { flex-wrap: wrap; gap: 25px; } .item-pagination-link { max-width: 100% !important; } } and then for the box shadows, try this? .gallery-grid-item img { box-shadow: 5px 5px 30px #2b3652; } Let me know? Edited November 10, 2023 by SaranyaDesigns tuanphan 1 Link to comment
jordanhansen Posted November 28, 2023 Author Share Posted November 28, 2023 @SaranyaDesignsthat did the trick, thank you so much!! SaranyaDesigns 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment