How to control transparency of color behind text

[carpetfiber101]

Hi Swift,
I came across this Dante site and was wondering how they had the semi-transparent black box behind their words in the parallax sections.

Fundraising

How do I add the transparent background colors with text? Thanks!

[Kyle – SUPPORT]

Hi

They have done it with custom css, they have added:

<span class="highlight-black">Step by Step Guide</span>

And then in their custom css:

.highlight-black {
background: black;
background: rgba(0,0,0,.75);
padding: 1px 3px;
border-radius: 1px;
margin-right: 2px;
color: #fff!important;
}

– Kyle

[a1astair]

Hi,

I’ve followed the instructions as per the above, but when the text breaks over two lines, there is no padding at the end of the first line or at the beginning of the second line. See header in: http://www.howtobuyanengagementring.com/

Is there any way to format this so that it includes appropriate padding and works at any screen size?

Many thanks,

Alastair

[Kyle – SUPPORT]

Try adding this to your custom css:

@media only screen and (max-width: 548px) { 
div#header-sticky-wrapper {
height: 140px!important;
}
}

– Kyle