Content image section, using a background image

Prismic for Content Creators
1

Hi there

I am building a page in Prismic and using the content image section. I am using a background image and then the text will overlay that. However, how do I get some background colour behind the text?

Basically to look like this

I am trying to achieve this using the inbuilt sections and not creating custom HTML as other people will be using this as a template to build own pages from.

Thanks

3

Hi Helen,

Welcome to the community :slight_smile:

In our sample project's hero section, we do this like so using tailwind:

What tech stack and CSS styling system are you using?

Thanks.

4

Hi Phil

Thanks so much for your reply. Sadly the information on how to do this is a little above my coding knowledge. Our prismic was provided to us by JustGiving to use for charity work and sites. So I can;t answer the question, but if you can tell me where I need to look, I can see if can find out :)

5

In that case, none of this is handled within Prismic, it's handled in the project code so you'll need a developer to implement this for you.

7

Thanks Phil. I will see what I can use in the existing sections to get a decent look and get on to learning more about Prismic. Thanks for time

1 Like