CSS For Arrows

Ask the Community Customization
1

Hey there! is there any way to customize the arrow icons? Get rid of the circular container? Move the arrows more towards the inside?

@Helga @Max SOS

1 Like
3

Hi there, @Quilla :waving_hand:

Sure! I’ve passed your request to the dev team and will get back to you tomorrow :slightly_smiling_face:

4

Thank you for waiting!

Please add this code to the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

.yottie-widget-feed-section-arrow {
  background: transparent;
  border: none;
  box-shadow: unset;
}

.yottie-widget-feed-section-arrow:hover {
  background: transparent;
  border: none;
}
.yottie-widget-feed-section-arrow:hover span:before,
.yottie-widget-feed-section-arrow:hover span:after {
  background: #ccccff !important;
}

.yottie-widget-feed-section-arrow-prev {
  left: 15px;
}

.yottie-widget-feed-section-arrow-next {
  right: 15px;
}
1 Like
5

which code @Max :thinking:

1 Like
6

Thanks for the note, @Sina!

I’ve adjusted the message :slightly_smiling_face:

1 Like