Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change the SP Easy Image Gallery over color

Featured Lock Resolved Issue
Hi,
I already contact you for this problem : I have a website with the Yoga template and I would like to change the over color for blue instead of pink.
I already change this :

.speasyimagegallery-gallery .speasyimagegallery-gallery-item.speasyimagegallery-gallery-item>div:before,
.speasyimagegallery-gallery .speasyimagegallery-gallery-item > div > a:before,
.speasyimagegallery-gallery .speasyimagegallery-album.speasyimagegallery-gallery-item>div:before,
.speasyimagegallery-gallery .speasyimagegallery-album > div > a:before,
.speasyimagegallery-albums .speasyimagegallery-gallery-item.speasyimagegallery-gallery-item>div:before,
.speasyimagegallery-albums .speasyimagegallery-gallery-item > div > a:before,
.speasyimagegallery-albums .speasyimagegallery-album.speasyimagegallery-gallery-item>div:before,
.speasyimagegallery-albums .speasyimagegallery-album > div > a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
background-color: blue;
opacity: 0;
}

and I also created a custom.css in templates/shaper_yoga/css but nothing.
Sometimes it change for blue but three days after it becomes pink.

Can you help me please ?
The URL of the page : link

Thanks for your help,
Best regards,
Yann

1 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
It's a gradient, not a solid color.


.speasyimagegallery-gallery .speasyimagegallery-gallery-item.speasyimagegallery-gallery-item > div::before, .speasyimagegallery-gallery .speasyimagegallery-gallery-item > div > a::before, .speasyimagegallery-gallery .speasyimagegallery-album.speasyimagegallery-gallery-item > div::before, .speasyimagegallery-gallery .speasyimagegallery-album > div > a::before, .speasyimagegallery-albums .speasyimagegallery-gallery-item.speasyimagegallery-gallery-item > div::before, .speasyimagegallery-albums .speasyimagegallery-gallery-item > div > a::before, .speasyimagegallery-albums .speasyimagegallery-album.speasyimagegallery-gallery-item > div::before, .speasyimagegallery-albums .speasyimagegallery-album > div > a::before {
background-image: -webkit-linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
background-image: -moz-linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
background-image: -o-linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
background-image: linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
}




override 2 colors in each line.

yes, then put inside custom.css


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 129
Sifat

Sifat

Total Accepted Answers: 88
Toufiq

Toufiq

Total Accepted Answers: 41
Pavel

Pavel

Total Accepted Answers: 6
Al Mamun

Al Mamun

Total Accepted Answers: 3

114

Templates

292565

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us