chriscleary

Yeah I was just thinking that. It seems to be a solution for just using one block on a page, or one of each different type of block on each page. But hopefully it is something to build on for someone else who knows CSS better than I do.

Yeah and there is a few threads on this topic and I couldn't find a simple solution to any of them. Hopefully this will be the solution for more than just myself.

Thanks Scoobie, Yes hopefully squarespace will soon introduce this feature. When you say this topic is confusing do you mean my answer or the thread in general, cause I can try and explain it a little easier if your having trouble.

Okay so I'm not amazing with css but I think I may have solved this, Firstly install Firebug forFirefox and then go to your page, right click on the block that you want to resize or change color of. You then need to find the Body ID, it will be somewhere near the top and will have the word 'Collection' followed by a series of numbers. i.e..... body='collection-54a9de84e3b040ef87e421ef' You then need to find the .sqs widget code for your block, I am trying to change the background color of an audioblock so my .sqs widget code is..... sqs-widgets-audio-player-content ... but this may differ for photo galleries or whatever you are trying to change, but i think whatever it is you are looking for the word 'widget' within the code. You then go to squarespace choose your page to edit, then go Design > Custom CSS and enter the following code... #collection-54a9de84e4b040ef97e431ef #content div .sqs-widgets-audio-player-content {background-color: #ffffff; } So as mentioned above you replace the 'collection' ID with your own from above, the .sqs-widgets with whatever your changing (audio block in this case) and the background color for whatever you want, in my case it is white (#ffffff) Really hope this helps cause this was bugging me for ages. i sent an email to squarespace saying that I feel this is a setting that has been overlooked as you are able to custom color every other feature without using custom css.

Okay so I'm not amazing with css but I think I may have solved this, Firstly install Firebug forFirefox and then go to your page, right click on the block that you want to resize or change color of. You then need to find the Body ID, it will be somewhere near the top and will have the word 'Collection' followed by a series of numbers. i.e..... body='collection-54a9de84e3b040ef87e421ef' You then need to find the .sqs widget code for your block, I am trying to change the background color of an audioblock so my .sqs widget code is..... sqs-widgets-audio-player-content ... but this may differ for photo galleries or whatever you are trying to change, but i think whatever it is you are looking for the word 'widget' within the code. You then go to squarespace choose your page to edit, then go Design > Custom CSS and enter the following code... #collection-54a9de84e4b040ef97e431ef #content div .sqs-widgets-audio-player-content {background-color: #ffffff; } So as mentioned above you replace the 'collection' ID with your own from above, the .sqs-widgets with whatever your changing (audio block in this case) and the background color for whatever you want, in my case it is white (#ffffff) Really hope this helps cause this was bugging me for ages. i sent an email to squarespace saying that I feel this is a setting that has been overlooked as you are able to custom color every other feature without using custom css.