Home Forums Exoplanet Pro Slider Control Arrows

  • This topic has 1 reply, 2 voices, and was last updated 1 month ago by Andy.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #14176
    Ivette Palomo
    Participant

    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

    #14184
    Andy
    Keymaster

    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)
  • You must be logged in to reply to this topic.