Slider Control Arrows

[Ivette Palomo]

Greetings,

On a particular page, I have positioned my slider control carots/arrows on the sides of the caption (rather than below).  How can I manipulate the arrow color?  The background color?  The proximity to the caption area?  The size of the arrow?

Thank you.

Ivette

[Andy]

For the size and color, use this custom CSS (change the size and color values):

#page-slider-section .bx-wrapper .bx-controls-direction a .fa {
  font-size: 24px;
  color: #ffffff;
}

For the background color, use this custom CSS:

#page-slider-section .bx-wrapper .bx-controls-direction a {
  background: rgba(0,0,0,0.2);
}

By default there is also a background color when hovering the mouse on the control:

#page-slider-section .bx-wrapper .bx-controls-direction a:hover {
  background: #b50b52;
}

[Author]

Posts