Arrows Boxes

  • Resolved rafaelgnunes

    (@rafaelgnunes)


    5 years, 9 months ago

    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 to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author simonpedge

    (@simonpedge)

    5 years, 9 months ago

    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

    (@rafaelgnunes)

    5 years, 9 months ago

    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/ 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

    (@simonpedge)

    5 years, 9 months ago

    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

    (@rafaelgnunes)

    5 years, 9 months ago

    Thanks, works perfectly!

    Plugin Author simonpedge

    (@simonpedge)

    5 years, 9 months ago

    Good 🙂
    Will close this thread.

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

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

Tags