Flinx Posted December 10, 2023 Share Posted December 10, 2023 Hi there! Does anyone have an idea how to make this effect, where there is an image locked on top of all content on all screens? https://thitthyrring.cargo.site/Archive Thank you!! Link to comment
Web_Solutions Posted December 11, 2023 Share Posted December 11, 2023 18 hours ago, Flinx said: Hi there! Does anyone have an idea how to make this effect, where there is an image locked on top of all content on all screens? https://thitthyrring.cargo.site/Archive Thank you!! Can you share your website URL? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
Flinx Posted December 11, 2023 Author Share Posted December 11, 2023 I haven't built the new site yet, but the effect I would like to copy is this sticky image (her name) across all subsites. https://thitthyrring.cargo.site/Archive Thank you! Link to comment
tuanphan Posted December 13, 2023 Share Posted December 13, 2023 This possible with some code. All pages use same image or different? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Flinx Posted December 14, 2023 Author Share Posted December 14, 2023 Thank you Tuanphan! All pages would be using the same image (a png with a name). How would you make it stick across pages? Thanks a lot! Link to comment
Solution tuanphan Posted December 16, 2023 Solution Share Posted December 16, 2023 On 12/14/2023 at 4:19 PM, Flinx said: Thank you Tuanphan! All pages would be using the same image (a png with a name). How would you make it stick across pages? Thanks a lot! Add to Code Injection > Footer <img src="https://cdn.pixabay.com/photo/2023/06/01/05/58/ocean-8032698_1280.jpg" width="100px" class="tp-sticky-img"/> <style> img.tp-sticky-img { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Flinx Posted December 19, 2023 Author Share Posted December 19, 2023 Thank you so much! 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