Home Forums Exoplanet Pro Slider Control Arrows

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #14176
    Ivette Palomo


    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.



    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;
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Slider Control Arrows’ is closed to new replies.