Tagged: partner/logo element
-
AuthorPosts
-
October 29, 2017 at 3:29 am #870055
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.
October 31, 2017 at 4:31 am #870695Hey 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 TorvikOctober 31, 2017 at 4:32 am #870696Okay no problem. The Partner/Logo Element is on the page in the URL I put in the Private Content section.
November 1, 2017 at 10:01 am #871118Hi,
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,
RikardNovember 1, 2017 at 12:45 pm #871183Worked perfectly. Thanks so much!
November 2, 2017 at 5:11 am #871530 -
AuthorPosts
- You must be logged in to reply to this topic.
