how to change the background color behind the title and subtitle

Shapely
1

Hello,
I am a new user to this wonderful theme. I am stuck on the following problem. The header featured media doesn’t allow any particular color of font to show up well, so I would like to present a solid background to the text over the media, say black text on a white rectangle.
Is there some CSS code that I could add to do this? I might also want to do this in a couple of the parallax sections.
Here is the link yachtdogs.hr

Thanks very much.

2

Hi there
Hope you are having a good day and thank you for your question
You can use just white rectangle image instead of existing image :wink:

Thanks!
Colorlib Support Team

3

Thanks for the reply. I’m afraid that I would like to keep the background image and just make the title and subtitle more visible. Is this not possible?
Thank you.

4

Hello there,

I hope you are doing well today.

You can use the following CSS code to add a background color to the text by going to Appearance > Customize > Additional CSS and pasting it there.


/*Header image BG color*/
.col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.text-center {
    background-color: black;
}

Best Regards,
Support

5

Great…that is almost working. How can I tweak the size and position of the rectangle. I tried changing the numbers in your CSS code but that did nothing.
Again, thank you.

6

Hello there,

Please try this:


.col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.text-center {
    background-color: black;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 100px;
    padding-right: 100px;
}

You can change the padding values.

Best Regards,
Support

7

That works well. Thank you for the great support.

Branko

8

Hello Branko,

Awesome. You’re most welcome :slight_smile:

Best Regards,
Support