Here is a short tip on how to change the background colour of the overlay mask that appear over the galleries thumbnails – like here:
You can test this layout/setup here.
First you will need to add a GALLERIES content block to a page and in the DISPLAY settings change the INFO STYLE to covering. Then add a CSS content block to this page and add this code below to it:
|
1 2 3 4 5 6 7 8 9 10 |
/*First part of the code will change the size and the colour of the gallery title*/ .sm-tile-title { font-size: 21px !important; color: white !important; } /*The second part of the code will change the colour and opacity of the overlay mask*/ .sm-user-ui .sm-tile-content>.sm-tile-info { background-color: rgba(45, 45, 45, 0.6); } |