Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Plugins

How to change the dark effect that Lightslider plugin creates on the images

Started by Jose 9 years ago · 0 replies · 775 views
9 years ago

Hello,

I got into the trouble to change the dark effect that Lightslider creates on the images. I saw this Archived thread, that was never responded:
/forum/archive/lightslider-remove-the-dark-effect-it-puts-on-images-t6423

So I respond it here:
1.- Do not touch the generated images, you will lose your changes after Clearing the Cache, all its images are erased and regenerated.

2.- Go to the page: Slider Content

3.- Set Expert mode
In Frontmatter find:
type_text_brightness: -100
You will get the images as they naturally are if you change it to:
_type_textbrightness: 0

4.- If you want to add contrast to your text go to the file:
/user/plugins/lightslider/css/lightslider-custom.css
And change line No. 4 according to your image contrast:
.grav-lightslider h1, .grav-lightslider h2, .grav-lightslider h3, .grav-lightslider h4 { color:darkblue; text-shadow: 2px 2px 5px lightgray;}

In my case was ok with dark color over a light shadow:
color:darkblue; text-shadow: 2px 2px 5px lightgray

5.- The nice feature of the Grav Admin module is that the Lightslide plugin variables can be configured, in the menu option: Plugin > LightSlider in this case the option is Type Text Brightness and is 0 by default, but the page Slider Content had -100 in the Frontmatter creating the dark effect.

Hope this can help.
Regards

Suggested topics

Topic Participants Replies Views Activity
Plugins · by Rene, 1 week ago
2 43 1 week ago
Plugins · by Xavier, 4 weeks ago
2 53 4 weeks ago
Plugins · by Luka Prinčič, 7 years ago
3 1179 1 month ago
Plugins · by Sebastian van de Meer, 1 month ago
1 47 1 month ago
Plugins · by PIERROT Alain, 2 months ago
3 72 2 months ago