Title: Arrows Boxes
Last modified: August 30, 2020

---

# Arrows Boxes

 *  Resolved [rafaelgnunes](https://wordpress.org/support/users/rafaelgnunes/)
 * (@rafaelgnunes)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/arrows-boxes/)
 * Hello. I tried to remove the “background” from the arrows, but I couldn’t do 
   it. I changed the arrow to blue, and then added a CSS because I wanted to edit
   the left and right px, but if I change the background color from grey to white,
   the arrow disappears. I want just the arrow, not the “box” around when you watch
   and when you have the hover.
 * Thank you,
    Rafael Nunes.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Farrows-boxes%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [simonpedge](https://wordpress.org/support/users/simonpedge/)
 * (@simonpedge)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/arrows-boxes/#post-13334246)
 * Try using the following CSS:
 *     ```
       .white #sample_slider .owl-nav .owl-next,
       .white #sample_slider .owl-nav .owl-prev {
           background-color: #ffffff !important;
       }
       .white #sample_slider .owl-nav .owl-next:hover,
       .white #sample_slider .owl-nav .owl-prev:hover {
           background-color: #e0e0e0 !important;
       }
       ```
   
 * Note: The above CSS sets the background color for the hover-off and over-over
   states.
 *  Thread Starter [rafaelgnunes](https://wordpress.org/support/users/rafaelgnunes/)
 * (@rafaelgnunes)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/arrows-boxes/#post-13336636)
 * Hi, Simon, thanks for the help. It changed what I wanted, but when I click on
   the arrow and the image changes, as it changes I can still see a (now white) 
   box around the arrow. How can I not have that? You can see it here: [https://atelierhugonunes.com/projectos/casa-bm/](https://atelierhugonunes.com/projectos/casa-bm/)
   If you click on the arrows, it shows the white box when the image passes by. 
   I don’t want that.
 * Thank you!
 *  Plugin Author [simonpedge](https://wordpress.org/support/users/simonpedge/)
 * (@simonpedge)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/arrows-boxes/#post-13336991)
 * Well you probably want to set a transparent background color for both the ‘hover-
   off’ and ‘hover-on’ states. To do this amend the ‘background-color’ in the CSS
   provided above to be:
    `background-color:rgba(0,0,0,0) !important;`
 * Or you could use:
    `background-color:transparent !important;`
 *  Thread Starter [rafaelgnunes](https://wordpress.org/support/users/rafaelgnunes/)
 * (@rafaelgnunes)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/arrows-boxes/#post-13338970)
 * Thanks, works perfectly!
 *  Plugin Author [simonpedge](https://wordpress.org/support/users/simonpedge/)
 * (@simonpedge)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/arrows-boxes/#post-13338990)
 * Good 🙂
    Will close this thread.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Arrows Boxes’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/slide-anything.svg)
 * [Slide Anything - Responsive Content / HTML Slider and Carousel](https://wordpress.org/plugins/slide-anything/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/slide-anything/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/slide-anything/)
 * [Active Topics](https://wordpress.org/support/plugin/slide-anything/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/slide-anything/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/slide-anything/reviews/)

## Tags

 * [arrow](https://wordpress.org/support/topic-tag/arrow/)

 * 5 replies
 * 2 participants
 * Last reply from: [simonpedge](https://wordpress.org/support/users/simonpedge/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/arrows-boxes/#post-13338990)
 * Status: resolved