People just cannot see the down arrow on the home page Box Roll.

I know users have mentioned this problem before and you tell them to add this to the Salient options Custom CSS code:

.swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] {

font-size: 60px !important;

}

Well I tried this that makes little or zero difference - even lifting the font-size to 200 ! The only way anyone is going to see this is if we can add our own icon. How do I do this please?

Hi Tahir

Still does not work
I set it to :

body[data-button-style=\"rounded\"] .section-down-arrow {

font-size: 125px !important;

}

and I see it is definitely in the page code, using chrome developer tools to check.

Are you sure that is the right arrow?

Chris

Hi, I emptied all the caches and resaved the Custom Code.

I see it there now, but the icon does not scale properly - it looks like a \'no access\' sign with one diagonal line across the circle.

There really needs to be an option for us to use a more visible / effective icon.

Regards

Chris

And also, there is no change whatsoever in Safari - just Chrome.
Actually it comes up in Safari, but still has the same problem as Chrome - the icon does not scale and looks very odd. So we either need a different icon or a way to add our own image..

OK great thanks

body[data-button-style="rounded"] .scroll-down-wrap { margin-left:-22px;} 
body[data-button-style="default"] .section-down-arrow i.icon-default-style[class^="icon-"] {
       font-size: 45px !important;
}

This seemed to work for me