Adding coloured background to one page

Hi, 

I'm working on a website and want to add a coloured background to one of the pages under my index page. I've tried using several css codes online but I'm totally new to css and nothing has been working so far. 

Does anyone have any idea how to go about this? 

I'm using the Bryant template. 

Hi,
Please share your website URL.

Best,
Leopold

Hi,

this is the page that I'm referring to. It's an index page and when you scroll down you can see that the text "Formal Bio" is a banner photo with text over. I really want to make it an actual coloured page instead of a banner photo. 

https://www.mindfulhealingjourney.com/about

Best, 

Christine 

Hi

Remove your BG image and use this code in Design -> Custom CSS

#formal-bio .banner-thumbnail-wrapper.has-description {
    background-color: black !IMPORTANT; /* change the color to anything you want */
}

Please use the like button if it helps you!

Best,

Leopold

Hi Leopold,

Thanks for your reply.

Unfortunately nothing happens when I put in the code. I put in the the color hex instead of black. 

Do you have any other ideas? 

Best,

Christine 

Hi Christine

Try this in Design > Custom CSS:

#bio {
  background-color: #E3B9C5;
}

Here's an example of the CSS being added...

Notes:

• This is for the Bedford-family template.
• It applies to the index section with the URL of "bio". For a different section, change the ID #bio.
• It changes the background colour to melanie pink (#E3B9C5). You can substitute another colour by changing the code.

 If this helped you, please click "Like" below  ⬇️