sandyfish Posted July 3, 2023 Posted July 3, 2023 Hi, I would like to add credits on the corner of pictures on a page. I know how to do it for the banners, but I don't know how to change it for pictures in the content. I would want to add credits to the tree pictures in that page: https://www.melissamarschke.ca/research For the banners I have that CSS code /*Text Based Photo Credit banner front page*/ section[data-section-id="64794e36eda473789492e4f2"] .section-background::before { content: "Image credit: Furqan Asif"; position: absolute; font-family: 'Poppins'; font-size: 15px; font-weight: 300; color: #fff; bottom: 1vw; right: 1vw; z-index: 99999; display: block; }
Solution creedon Posted July 3, 2023 Solution Posted July 3, 2023 (edited) Here is an idea. Use a text block overlaying the image, then alter a bit with some CSS. html:not( .squarespace-damask ) #block-yui_3_17_2_1_1688414148074_13517.sqs-block.sqs-background-enabled { display : block; height : 50%; padding : 0; width : 90%; } There are some limitations to this as you are working within the confines of what SS provides in the Fluid Engine editor. Edited July 4, 2023 by creedon version 2 tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
sandyfish Posted July 4, 2023 Author Posted July 4, 2023 1 hour ago, creedon said: Here is an idea. Use a text block overlaying the image Oh ya that's a great idea! Went too complicated to begin with, it's a way more obvious way of doing stuff lol. Thanks! creedon 1
creedon Posted July 4, 2023 Posted July 4, 2023 A pure CSS solution isn't much more complicated and would look much like your code example except it would be applied to image blocks. It would be more free form as far as styling goes. Use whatever works best in your use case! I updated the code so as to turn off the effect in the editor so as not to interfere with editing the text block. sandyfish 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment