Two navigation arrows shown at the same time

  • Resolved hexenkessel

    (@hexenkessel)


    5 years, 4 months ago

    Hey,
    I am a relatively new user and this problem is giving me a real headache.
    Somehow, the slider I am using has two navigation arrows on each side.
    One thin and larger one, and one thick one with a box around it.

    How do I delete the thick one with the box around it?
    Thanks so much in advance!

    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, 4 months ago

    It looks like someone has been playing around adding some CSS to change the arrow icons to these 2 icons in your media library:
    http://tus-bsb-fussball.de/wp-content/uploads/2021/02/pfeil_prev.png
    http://tus-bsb-fussball.de/wp-content/uploads/2021/02/pfeil_next.png

    Try adding the following CSS To the end of your theme’s Style file to revert back to original icons:

    .white #sample_slider .owl-nav .owl-prev {
    background: rgba(0,0,0,0.3) url(../images/icon_prev.png) no-repeat center center !important;
}
.white #sample_slider .owl-nav .owl-next {
    background: rgba(0,0,0,0.3) url(../images/icon_next.png) no-repeat center center !important;
}
    Thread Starter hexenkessel

    (@hexenkessel)

    5 years, 4 months ago

    Thank you so much!

    I was the one that added the CSS according to https://edgewebpages.com/faqs/
    Although, before I tried to change the arrow design, there somehow already were two arrows on both sides, just not by my design.

    Now, there is only one arrow for each side. Is there any way for me to change the design of these arrows?

    Again, thank you so much!

    Plugin Author simonpedge

    (@simonpedge)

    5 years, 4 months ago

    Please have a look at the FAQs page:
    https://edgewebpages.com/faqs/

    Look under the heading “Useful CSS Style for Slide Anything”
    (sub-heading “Customise the Slider Previous/Next Arrows”)

    Thread Starter hexenkessel

    (@hexenkessel)

    5 years, 4 months ago

    I added the CSS as stated on the site that you linked.
    Unfortunately, I now have the same problem that I started with. The new arrow image lies under the original arrow image

    Its seems like the CSS doesn’t overwrite the old arrows.
    Is there any way for me to change this?

    Plugin Author simonpedge

    (@simonpedge)

    5 years, 4 months ago

    Put the original CSS I sent you (the 2 CSS rules) AFTER the new CSS you’ve just added.

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

The topic ‘Two navigation arrows shown at the same time’ is closed to new replies.

Tags