AlexCossey Posted March 15, 2021 Share Posted March 15, 2021 Site URL: https://www.alexcosseyphotography.com/ Hi there I'm brand new to anything CSS related and have previously survived entirely within the limits of Squarespace's basic customisation. In a previous build of my website I was able to adjust the opacity of text box (I think it's called a Dynamic-Text-Container in CSS) that overlaps the image of a Collage image block. Since the introduction of the new Site Styles ta I can't work out how to adjust this. Currently my text box is completely opaque and I would like to see approx 50% through to the image underneath; is anyone able to share some CSS code that will allow me to play around with the opacity of all of the Collage image blocks at once? Many thanks in advance. P.S. Website in question is www.alexcosseyphotography.com; see "Family Photography", "Wedding Photography" and "Newborn Photography" image blocks on homepage. Link to comment
tuanphan Posted March 28, 2021 Share Posted March 28, 2021 Hi. It looks like you solved with this CSS? .white .sqs-block-image .design-layout-collage .image-card { background-color: rgba(241,241,239,.78); } On Mobile, I see this space Top text block has some blank paragraph. You can remove them to fix space On tablet, it doesn't look good. Do you want to increase width or reduce text size? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Siroy Posted April 8, 2021 Share Posted April 8, 2021 I love this solution. However would it also be possible to add some code to have every card in a different colour, opacity and dimension? That would be great! Many thanks in advance. Link to comment
tuanphan Posted April 10, 2021 Share Posted April 10, 2021 On 4/9/2021 at 1:21 AM, Siroy said: I love this solution. However would it also be possible to add some code to have every card in a different colour, opacity and dimension? That would be great! Many thanks in advance. Use this code. #block-id .image-card { background-color: rgba(241,241,239,.78); } Use this tool to find block id. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
bebe Posted May 6, 2022 Share Posted May 6, 2022 hello, How do i space out the paragraphs? it looks good while editing but on mobile and desktop it changes back once you save. thank you in advance! Link to comment
tuanphan Posted May 7, 2022 Share Posted May 7, 2022 On 5/6/2022 at 7:55 AM, bebe said: hello, How do i space out the paragraphs? it looks good while editing but on mobile and desktop it changes back once you save. thank you in advance! What is page url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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