I try to get the red background slightly transparent so it is not so strong and present on the slideshow
is there a way in the code to get the opacity lower??
thanks.
Hello Max_Mueller,
Please share your site url.
So that i can check and let you know the exact solution here.
1 Like
Url is www.omyio.com
passwort 187
Hello Max_Mueller,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
@media only screen and (min-width: 750px){
.hero-content__title {
background-color: rgba(255, 0, 0, 0.6);
}
}
1 Like
Thank it worked great
But one problem left, it is only transparent on the desktop preview and not on the mobile …
How can I change that?
Replace above code with
.hero-content__title {
background-color: rgba(255, 0, 0, 0.6);
}
Awesome, thank you very much 
I got one extra question, not that important but maybe you can help me…
Maybe you have seen I added another Headline below the big one on the Slideshow
Now I decreased the size of the main one and in the code, you can change the size individually for the web or the mobile version.
so now my question is, is it possible to edit/ change the size of the extra heading also individually and not only generally, or is this not possible?
Thank you very much for your support
Add this css
For dekstop
@media only screen and (min-width: 750px){
h6.sub_heading_class.hero-content__title.h6 {
font-size: 14px;
}
}
For mobile
@media screen and (max-width: 749px){
h6.sub_heading_class.hero-content__title.h6 {
font-size: 14px;
}
}
1 Like
Hello @Majid23aa
Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution?