GregOvens Posted May 12 Share Posted May 12 Hello, could you please help me to adjust the box for title of the blog post. I would like to achieve, that it would be placed 5 px from the left, bottom and right side of the image. Currently the text is adjust only from left and bottom side. Basically from what I have now I would need to just move the right border of the title text component inside of the image (on the first screenshot you can see the border is out of the image). And my goal is displayed on the second image. This is my current code injected: // DESKTOP - Blog List - Title always at the bottom left .blog-basic-grid--text { position: absolute; bottom: 0; // Position at the bottom of the container left: 0; // Align text to the left side of the container text-align: left; // Ensure text aligns to the left transform: translateY(0%); // Adjust transformation padding-left: 10px; // Add padding for better visibility padding-bottom: 5px; opacity: 1; // Text always visible transition: all 0.5s; } // MOBILE - Blog List - Title always at the bottom left @media only screen and (max-width: 767px) { .blog-basic-grid--text { position: absolute; bottom: 0; // Position at the bottom of the container left: 0; // Align text to the left side of the container text-align: left; // Ensure text aligns to the left transform: translateY(0%); // Adjust transformation padding-left: 10px; // Add padding for better visibility padding-bottom: 16px; opacity: 1; // Text always visible transition: all 0.5s; } } URL: https://www.slovakspots.com/magazine Password: Ulicajekrasnydom Thank you in advance! 🙂 Beyondspace 1 Link to comment
GregOvens Posted May 14 Author Share Posted May 14 @Beyondspace thank you for your help! Unfortunately this code didn't helped to fix my issue. But I believe it might be helpful for somebody else. Currently @Web_Solutions was able to fix my issue. Which the best! Beyondspace 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