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

Your Time: Our Time:

Change overlay effect in Revibe's class "revibe-service-core"

Featured Lock Resolved
Is it possible to change the overlay effect (with icon & opacity color) into zoom in effect (class image will zoom in if you mouseover)?
Maybe it will work if theme.less in line 1077 will be customized?

Thank you for your efforts.

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please add a exact screenshot that you want to remove.

-Thanks

Benny

More than a month ago #Permalink
It should be the same effect like on "joomshapers website" when you have a look for the templates...

Attachments (1)

  • revibe-zomm-in.png
    revibe-zomm-in.png 257.3 KB

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. Please follow the below instruction.

1. Add this code inside your custom.css file


.revibe-core-service .sppb-addon-feature .sppb-addon-content:hover .sppb-addon-content-img .overlay .sp-vertical-middle:before {
/* border-top: 800px solid rgba(237,20,91,0.8); */
transform: scale(1);
}
.revibe-core-service .sppb-addon-feature .sppb-addon-content:hover .sppb-addon-content-img .overlay .sp-vertical-middle:before {
/* border-left: 779px solid transparent; */
transform: scale(1);
}
.revibe-core-service .sppb-addon-feature .sppb-addon-content .sppb-addon-content-img .overlay .sp-vertical-middle:before {
/* border-top: 0 solid rgba(237,20,91,0.8); */
}
.revibe-core-service .sppb-addon-feature .sppb-addon-content .sppb-addon-content-img .overlay .sp-vertical-middle:before {
content: "";
position: absolute;
border-left: 0 solid transparent;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
transform: scale(.7);
background: rgba(0,118,188,0.9);
/* opacity: 0.5; */
}


-Thanks


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
Toufiq

Toufiq

Total Accepted Answers: 100
Sifat

Sifat

Total Accepted Answers: 63
RV

RAFFAELE VIOLA

Total Accepted Answers: 2
DS

Dustin Swayne

Total Accepted Answers: 1

116

Templates

299705

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