We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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

Your Time: Our Time:

Change image carroussel buttons on mobile

Featured Lock Resolved Issue
Unfortunatly the search seams to return no results whatever I try.

Issue is simple, trying to archieve the following:

On mobile I want the arrows to go to the next carroussel image smal (see the attachment where it works in my browser when applying it via inspect elementl.

Changed the following CSS

.sppb-carousel-extended-nav-control .nav-control.prev-control {
float: left;
margin-left: -15px;
}
@media (max-width: 767px)
#sppb-addon-1593775424466 .sppb-carousel-extended-nav-control .nav-control {
height: 40px;
line-height: 40px;
width: 40px;
color: #8cc260;
border-color: #8cc260;
}
.sppb-carousel-extended-nav-control .nav-control.next-control {
float: right;
margin-right: -15px;
}

Nomatter if I add the CSS in the CSS space in the module or in the override.css of my template it doesn't work. Tried the same with various @media sizes to experiment.

What am I missing?

Site is willem-alexanderplein.nl (in the frontpage).

2 Answers

Ofi Khan - Staff

More than a month ago #Permalink
Hello Rvdzande,
Apology for your issue. Please go to Extensions -> Templates (Style) -> Template Options -> Custom Code -> Custom CSS and paste your codes there. If possible, add !important with the value of the property. For example,

.sppb-carousel-extended-nav-control .nav-control.prev-control {
float: left !important;
margin-left: -15px !important;
}


- Best regards


There are replies in this post but you are not allowed to view the replies from this post.

126

Templates

333812

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