Is it possible (or could it be considered) to add a transparancy level option to a background includet. I would like to add a content includelet over a backgrond image with a semi-transparent background.

This is an interesting idea, and nesting background image includelets is not something I've tried, though it should work fine.

You can't set a transparent background colour with the popup, it's just not something I had considered (being the background, I figured transparent wouldn't really make sense!). However we can easily work around this with a bit of custom CSS magic.

First off, on the inner Background Begin, in the includelet settings set the CSS Class to something so we can create a custom style for it. For example transparent-bg

You can then add your transparent colour to the colour block using this named class by adding some custom css to the Raw Header HTML in the theme settings, e.g., like this:

<style>
.background-image-wrapper.transparent-bg {
  background-color: #ffff0080 !important;
}
</style>

Substitute 'transparent-bg' for whatever css class you added. You should only need to set '!important' if you have configured a colour in the includelet settings, so that it overrides it.

I tried this out on a test site and it seemed to work!

Thanks

Joe

Excellent. Now I need to understand how to 'nest' a block of text inside the Background Image - basically the text would be a smaller box on top of the background image (and not covering the whole Background Image). Is this possible?

Hi 

If you are a charity or community group you can sign up to Canva.com and get access to the professional designs.   Pick a design and turn it into a semi-transparent background with text over the top.

The semitransparent background was used in the banner for the Euphonix website - www.euphonix.org.uk

Hope that this is of help.

Cheers

Alan