- This topic has 11 replies, 2 voices, and was last updated 3 years, 4 months ago by
.
-
Posts
-
Hi, I recently purchased the Cheery Pro theme. I really like how the sample slider has photos with the text appearing on a translucent gray box (meaning you can see the photo behind the box). In my settings, I can choose a color for the boxes, but I don’t see how to make them with a percentage of transparency. How can I do this? Thanks for your help!
Hello, I would still like to know how to make the slider gray box with some percentage of transparency, like what is shown on the sales page example. Thank you.
Hello @myblueh@gmail.com
Thank you for using Cheery Pro. To adjust slider box transparency, please go to custiomizer-> additional css and paste the following code.
.custom-header-content .overlay { opacity: 0.7; } // note: you can use the value from 0 to 1
Regards
Shark ThemesThanks for the reply!! I pasted the following into the Additional CSS section as you said, but it didn’t work.
.custom-header-content .overlay { opacity: 0.7; }
For example, 0.1 made the box lighter in shade, and 0.9 made it darker, but the code did NOT make it translucent, so one can see the image behind the box like in the Cheery Pro Demo. I am not a programmer, so I have no idea what else to try.
I would appreciate any help!! Thanks and have a great day!!
Hello @myblue@gmail.com
If you want the text background translucent as shown in demo site, then you can remove the code from customizer-> additional css and leave it as it is. The translucent background for text in banner is by default.
Regards
Shark ThemesThanks for the reply. I just removed the css, but it is still not translucent like the demo. The free Cheery version wasn’t translucent either. So maybe there is a simple error in the coding/html of the theme? Could someone check on it please?
The text box covers a lot of the photo, which is fine if it is translucent, but it looks weird when the box is a solid color, blocking so much of the photo. Thank you for your ongoing help!
Sure, it is https://Lisagoodell.com
I played with it some more, even went back to default colors, but nothing changed. For example, if I pick a light pink color for theme color, the color block at the very top and the slider text boxes change color, but the text box is a darker color, and when you hover over it with the mouse, the text box turns black. It’s like the black color is making the text box darker, not lighter as would be expected if it was translucent. I left it like that so you can see it at lisagoodell.com. The other idea I had was to switch to a different theme, and then come back to this one. But wouldn’t I lose all my customizations? So I’m not sure what else to do except ask for a refund since this hasn’t been resolved in 17 days? (I haven’t officially launched my blog because I’m waiting to get this resolved). Thank you, Lisa
Hello myblueh@gmail.com
We apologize for the inconvenience. We have updated the theme and will be released soon as possible. By the time to solve your problem go to customizer-> additional css and paste the following code.
.custom-header-content { background: none; }
Regards
Shark ThemesThank you for fixing this issue!!! I tried it, and it worked. It looks SOOOO much better with the translucent text boxes on the slider. I do not need a refund anymore. Thank you, Lisa
- You must be logged in to reply to this topic.