Simple CSS Styling Question

Question

Please help.
1. I’m having trouble figuring out why my background image won’t respond to my opacity instruction.
2. How do I center the audio control?
Thank you!
https://code.sololearn.com/W6fbwjCOYbQk/?ref=app

Answer 1

1. I didn't saw any 'opacity instructions' you used in your code?
2. Take it in a div and use text-align: center; for div.
//If you find some difficulty in postioning the background you can surf in google for that.
Search: 'how to position background?'
ref:
https://css-tricks.com/perfect-full-page-background-image/
https://www.w3schools.com/cssref/css3_pr_background-size.asp
https://www.freecodecamp.org/news/css-full-page-background-image-tutorial/amp/

Answer 2

Tahiti🍷Castillo
You have given class to body so if any thing you will do to that class the same will happen to all body elements...
Try removing the transparency(in css) class and it will be same again.
ref:
https://www.geeksforgeeks.org/how-to-set-the-opacity-of-background-image-in-css/?ref=rp

Answer 3

NEZ Thank you. I will try that.

Answer 4

NEZ Worked like a charm! Thanks again. I had my opacity styling in the wrong place. But now it is causing the text to be transparent instead of the background. Maybe I have the backgound in the wrong place?

Answer 5

NEZ Thank you!