How can I adjust text background opacity on my slideshow header?

Store Design
1

Hi, I would like to be able to change the opacity of the button colour / header and slide disruption background - on my slideshow header as the text looks ugly with a solid colour over the image. Is there a hex number I can use ? semi transparent maybe ?

Or does the code need tweaked ? thanks !

2

@Superjack you can give opacity to rgb color (You just need to conver hex color code to rgb code)and you can do something like below one

#p1 {background-color: rgba(255, 0, 0, 0.3);}

Here , in above example 4 parameter of the rgb color is opacity option. you can change opacity from there .