gradient overlay | callisto
-
-
- niagaraIT
- Jr. Rocketeer
- Posts: 49
- Thanks: 0
-
Does anybody know how to edit the gradient overlay in callisto?
I would like it to be more transparent in the lower third of the showcase position in order to display text and image clearer.
I can not find it when inspecting the css.
URL is www.niagaraparkit.com/harps
Many thanks in advance.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Use this code...
div.sprocket-features.layout-slideshow .sprocket-features-img-container::before { background: rgba(0, 0, 0, 0) linear-gradient(rgba(186, 255, 186, 0), #bababa); }
To come up with the full gradient code use this tool http://www.colorzilla.com/gradient-editor/ .
To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .
Remember to recompile CSS from base outline too.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.046 seconds