transparent container for bottom header h1 & description in illdy jumbotron

Illdy
1

Hi there,

I’ve had a good search of the forum & can’t find an answer to this so hope you can help. I’d like a full-width container around the text on the jumbotron h1 and description, black with a 40% transparency. Is this possible? I can get a container around each of these elements separately that does this but not one big rectangle. Can you help?

Website is http://www.chargedbyfire.com/

thanks :slight_smile:

Frank

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/**/
/*header background*/
#header > div.bottom-header.front-page > div{
  margin:0 auto !important;
  width 100%;
  background:rgba(0, 0, 0, 0.8);
  padding: 30px;
}
/* full width rectangle */
@media (min-width: 992px){
  #header > div.bottom-header.front-page > div{
    width: 100%;
  }
}

Best regards,
Support.

3

brilliant - thank you so much!

4

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support