Gallery Customization | SP Easy Image Gallery - Documentation | JoomShaper

SP Easy Image Gallery

Updated Last: 17 July 2020

Gallery Customization

How to show image titles

By default image titles are shown only after mouse hover, but using simple CSS you can simple change that behavior.

.speasyimagegallery-gallery-item-content {opacity: 1 !important;}

Before changes

before

How to change image titles font size and color

Single image titles can be customized much more, you can increase font size, change title color or center titles. Here is simple example:

.speasyimagegallery-gallery .speasyimagegallery-gallery-item-title {
    color: yellow;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

All those customization codes must be added into custom CSS code of template.

After all above changes

after


How to remove dark layer from images

All presented images from selected album have dark layer which also can be removed:

.speasyimagegallery-gallery-item > div::after {backgroud: transparent !important;}