How can I add a background color to each slide in a schema?

Technical Q&A
1

Hi everyone,

I’m having trouble getting a slideshow background color added into the customiser. Please note that this is for each slide, not the slideshow as a whole.

I have added the following into the schema, which appears well in the customiser:

{
“type”: “color”,
“id”: “slideshow_background”,
“label”: “Background Color”,
“default”: “#ffffff”
},

I then copied and pasted the text colour code and changed the id:

style=“background-color: {{ section.blocks.first.settings.slideshow_background }}”

The problem is that it always shows the first background color - however if I remove “first” then nothing appears.

Any help is very much appreciated!

Thanks in advance :slightly_smiling_face:

2

Hi @KiwiDesigner ,

Please change code:

style="background-color: {{ block.settings.slideshow_background }}"

Hope it helps!

3

Thanks for the reply, but unfortunately no background at all appears - the HTML looks like this:

4

Hi @KiwiDesigner ,

Can you send me the full code of the file. I will check and guide you in detail.