Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save FinalDestiny/245285475fcf381bd43b00a49f05d3ba to your computer and use it in GitHub Desktop.
Save FinalDestiny/245285475fcf381bd43b00a49f05d3ba to your computer and use it in GitHub Desktop.
/* Custom code for customer slider - desktop version */
.et-custom-section.et_pb_slider .et-pb-arrow-next{
opacity: 1 !important;
right:250px !important;
}
.et-custom-section.et_pb_slider .et-pb-arrow-prev {
opacity: 1 !important;
left: 250px !important;
}
.et-custom-section .et_pb_slide_content img {
display: inline-block;
float: none;
vertical-align: middle;
margin-right: 4%;
margin-left: 4%;
}
.et-custom-section .et_pb_slide_description {
padding-left:0;
padding-right:0;
}
/* don't show the mobile customer slider on desktops or tablets */
@media (min-width: 981px){
.et-custom-mobile {
display: none !important;
}
}
/* mobile changes for customer slider */
@media (max-width: 980px)
/* don't show the desktop slider on phones */
{
.et-custom-section {
display: none !important;
}
/* space image evenly, horizontally */
.et-custom-mobile .et_pb_slide_content img {
width:30%;
float: none;
vertical-align: middle;
margin-right: 3%;
margin-left: 0%;
}
/* change slider arrows on mobile */
.et-custom-mobile.et_pb_slider .et-pb-arrow-prev {
opacity: 1 !important;
left: 5px !important;
}
.et-custom-mobile.et_pb_slider .et-pb-arrow-next {
opacity: 1 !important;
right: 5px !important;
}
}
/* END Custom code for customer slider */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment