- This topic has 1 reply, 2 voices, and was last updated 3 years, 4 months ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The topic ‘Slider Control Arrows’ is closed to new replies.
Home › Forums › Exoplanet Pro › Slider Control Arrows
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
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;
}