Adding opacity transparency class to a column and row in a div

[Michellelouise]

Hi I am wondering if anyone can share with me how I would add semi transparency to the white background in this row and column please. I want the entire white background to be semi transparent so, it shows the fixed background image but, I can't seem to work it out. This is the code, I have in html. If you require anything more just let me know. Thanks so much, I appreciate it. Michelle

 

 <div class="row text-center">

<div class="col-12">

<h2 id="Connect">Connect With Me</h2>

</div>

<div class="col-12 social">

<a href="https://www.facebook.com/rnmichelle.lindemann" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="https://www.youtube.com/channel/UCEHcweL4dbRLxhcWojG-Zqw" target="_blank"><i class="fab fa-youtube-square"></i></a> <a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a>

<a href="https://www.instagram.com/michelle_mlcosmeticclinics/" target="_blank"><i class="fab fa-instagram"></i></a>

</div> </div>

[dsonesuk]

background-color: rgba(255, 255, 255, 0.5);

rgb will give solid white color with 255, 255, 255 values.

a is transparency from 0 to 1, in increments of 0.1.