Tagged: partner/logo element
Good day. For the Partner/Logo Element, I have two questions on the arrow controls:
1) What CSS can I add to make the two square gray arrow boxes larger, like double the size?
2) On mobile, the two square arrow boxes disappear. What CSS can I use to make them stay? I want people on mobile to know there are other photos. With no arrow controls showing, there’s no obvious way for a user top know there are more photos.
Thank you.
Hey santanin,
To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
Best regards,
John Torvik
Okay no problem. The Partner/Logo Element is on the page in the URL I put in the Private Content section.
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
#top .avia-smallarrow-slider .avia-slideshow-arrows {
width: 100px !important;
height: 48px !important;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows a {
width: 48px !important;
height: 48px !important;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
line-height: 48px !important;
}
@media only screen and (max-width: 767px) {
.responsive #top .avia-slideshow-controls a {
display: block !important;
}
}
Best regards,
Rikard
Worked perfectly. Thanks so much!