Adjust Opacity of Dynamic-Text-Container of Image Block: Collage

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.

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?

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.

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. 

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!

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?