Opacity of content Background and slide bar

Store Design
1

hi i want to change the content background and slide bar opacity

i didnt find any option for that please help

שאלה.JPG
שאלה.JPG356×514 26 KB

1 Like
2

@Niv245

Please share the store URL and screenshot of what do you want!

Thanks!

3

@Niv245

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

here my store url- spy-control.com

i marked the areas i want to change the opacity

  1. the background for the text

  2. the background for the picture ( which is the content background color)

thanks for the quick replay the and the help

שאלה.JPG
שאלה.JPG1366×569 56.5 KB

5

@Niv245

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.hero-content__title {background-color: transparent !important;}

Thanks!

6

@Niv245

  1. Go to Online Store->Theme->Edit code

  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.hero-content__title {opacity:0.5 !important;}

Thanks!

7

thanks you very much it helped me with the slide show text opacity

can you help me with the content background opacity too (the second thing i marked)?

8

@Niv245

It sounds like you want to use a transparent background, in which case you could try using the rgba() function:

RGBA(R, G, B, A)
R (red), G (green), and B (blue) can be either s or s, where the number 255 corresponds to 100%. A (alpha) can be a between 0 and 1, or a , where the number 1 corresponds to 100% (full opacity).

RGBA example

background: rgba(51, 170, 51, .1)    /*  10% opaque green */ 
background: rgba(51, 170, 51, .4)    /*  40% opaque green */ 
background: rgba(51, 170, 51, .7)    /*  70% opaque green */ 
background: rgba(51, 170, 51,  1)    /* full opaque green */