CSS CODE FOR AUDIO BLOCKS

Hey @NotAHologram, can you share a link to your website and pwd if it is pwd protected?

Happy to do so ... the site can be reached at nahpods.com (also .. thanks for responding ... i know it took a little bit of time to write back).

Was anyone able to figure this out?

On 2/21/2020 at 1:15 AM, RiverstoneCreativeCo said:

Was anyone able to figure this out?

If you share link to your site I can take a look

I'd love to know if this is possible, did anyone figure this out?
I'm using podcasts for the first time and i'd love to be able to change the colour of the block to match my site.

Fingers crossed someone clever can help 😉 

1 minute ago, Claire_auck said:

I'd love to know if this is possible, did anyone figure this out?
I'm using podcasts for the first time and i'd love to be able to change the colour of the block to match my site.

Fingers crossed someone clever can help 😉 

If you share link to your site, I think i can give the code ✌️

2 minutes ago, tuanphan said:

If you share link to your site, I think i can give the code ✌️

@tuanphan you are magic...... ✌️ Thank you for your help!!

https://meningitis-foundation.squarespace.com/what-is-meningitis
pa33word

2 minutes ago, Claire_auck said:

@tuanphan you are magic...... ✌️ Thank you for your help!!

https://meningitis-foundation.squarespace.com/what-is-meningitis
pa33word

 

Add to Home > Design > Custom CSS

.audio-block {
    background: green;
}

2 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

.audio-block {
    background: green;
}

 

Thanks!!!
Just added it and it's changing the area outside the block rather than the block itself.
Help!
 

11 minutes ago, Claire_auck said:

Thanks!!!
Just added it and it's changing the area outside the block rather than the block itself.
Help!
 

Can you take screenshot of your audio block?

1 minute ago, tuanphan said:

Can you take screenshot of your audio block?

Sure thing!

Which space do you want to change color, can you highlight in there?

Just now, tuanphan said:

Which space do you want to change color, can you highlight in there?

I'd like to change the player itself. The only options in the settings are 'light & dark'. It would be great if the player itself could have a unique colour. 

4 minutes ago, Claire_auck said:

I'd like to change the player itself. The only options in the settings are 'light & dark'. It would be great if the player itself could have a unique colour. 

.sqs-widgets-audio-player.dark {
    background: green;
}

1 minute ago, tuanphan said:

.sqs-widgets-audio-player.dark {
    background: green;
}

 

That worked, however the larger area outside the player is still effected.

Did you insert both code?

Remove first code

1 minute ago, tuanphan said:

Did you insert both code?

Remove first code

Rookie error......i replaced it.
Now both sections are in place and it looks amazing! 
You are soooooo helpful and very clever, thank you so much!
🙂

@tuanphan I've tried the second code on my website and it only shows the color and I am seeing as the editor mode. 

Am i doing something wrong?

https://trumpet-tulip-8chj.squarespace.com/the-card-that-means-what-it-says
password: portfolio

thanks!

5 hours ago, camilla.ciappina said:

@tuanphan I've tried the second code on my website and it only shows the color and I am seeing as the editor mode. 

Am i doing something wrong?

https://trumpet-tulip-8chj.squarespace.com/the-card-that-means-what-it-says
password: portfolio

 

thanks!

Which code did you use?