Change Arrow Background Color / Transparency?

  • nachomendez

    (@nachomendez)


    8 years, 6 months ago

    I’m wondering if there is a way of making the arrow background transparent or at least changing its color.

    I don’t have a live site yet but I’m linking here to a cropped section of a screenshot that shows what I mean. The arrow shows up off-white surrounded by a white box. It doesn’t look that great.

    Any help is appreciated. Thanks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter nachomendez

    (@nachomendez)

    8 years, 6 months ago

    While I haven’t figured out how to do exactly what I asked for above, I have figured out how to change the color of the background of each box (the ones surrounding the arrows). I’ve also figured out how to change the transparency of each box and arrow combo; but I have not figured out how to change the transparency of the box while leaving the arrow solid. So, still looking for help if anyone has any ideas. Thanks!

    ashishsthanp

    (@ashishsthanp)

    8 years, 6 months ago

    Hi @nachomendez
    You can add following code inside Appearance > Customize > Additional CSS : 

    .tg-slider-widget .swiper-button-next::before,
.tg-slider-widget .swiper-button-next:hover::before,
.tg-slider-widget .swiper-button-prev::before,
.tg-slider-widget .swiper-button-prev:hover::before {
  background: transparent;
}

    Regards,
    ThemeGrill Support Team.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Change Arrow Background Color / Transparency?’ is closed to new replies.