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

Your Time: Our Time:

Center Video Modal icon (individual)

Featured Lock Resolved Issue
Hi! I can't manage to center the "play" icon on individual homepage variation on http://www.seremprededores.org . Any thougths on how to solve this?
Hope you can help. Thanks! Sin título-2.jpg

5 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi, Please share your correct URL. Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi, Please following the instruction,

Find out this code from theme.less or template css file

.variation-individual .ares-hero-section .sppb-row-container {
align-items: center;
-webkit-align-items: center;
display: -webkit-flex;
display: flex;
height: 100%;
}
.variation-individual .ares-hero-section .sppb-magnific-popup {
margin-left: 35px;
}


And replace with this css code

.variation-individual .ares-hero-section .sppb-row-container {
align-items: center;
-webkit-align-items: center;
height: 100%;
}
.variation-individual .ares-hero-section .sppb-magnific-popup {
margin-left: 35px;
position: relative;
top: 120px;
}


-Thanks
Hi, these changes worked but the icon is not vertically centered (also, is on top of the center in pc and in mobile browser is below the center, another question, if i replace this on the template css file, these changes are going to dissapear if the template is updated? I've always used custom.css to avoid this from happening.

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. In this case you have to write media query css for fix mobile device. You can place the new css code inside the custom.css file.

-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: 126
Toufiq

Toufiq

Total Accepted Answers: 73
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 27
Ofi Khan

Ofi Khan

Total Accepted Answers: 14
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 11

120

Templates

311048

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