→→ Please check out our new WP Theme: Navian - Responsive Multi-Purpose WordPress Theme ←←
- In case you can't login to submit a ticket, please hard refresh the browser and try again.
If the problem persists, please submit your questions via THEMELOGI profile page instead.
- To update the theme or plugins, please have a look at Theme & Plugin Updates, and here is the Bundled Plugin License information.
- If you couldn't import demo content or you got the message "Failed to import", please see our FAQs page. Thank you :)

Tickets Tickets Roneous navigation arrows

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by Danny.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #7776

    Hello Danny,

    I have a question, is it possible to have navigation arrows with a carousel 4 columns (without details);

    I have tried the following code:

    .blog-carousel div.owl-prev {left: 30px;}
    .blog-carousel div.owl-next {right: 30px; left: auto;}
    .blog-carousel div.owl-prev, .blog-carousel div.owl-next {background: rgba(0,0,0,.6);padding: 15px;height: 50px;}
    .blog-carousel div.owl-prev:before, .blog-carousel div.owl-next:before {color: #fff!important;}

    but it didn’t work.

    example: https://ibb.co/m9N0yZ1

    thank you in advance


    Hi there,

    Thanks for writing in!

    About this issue, please point to specific page where we can see the problem so I can help you out.

    Best regards,


    Hi Danny,

    The page is https://pumpupyourbody.nl/, when you scroll down, at “laatste recepten” you can see the specific part of the page.


    Hi there,

    Thanks for your info!

    To resolve this issue, please add the code below to your Dashboard > Appearances > Customize > Addition CSS:

    .blog-carousel.owl-carousel .owl-controls .owl-nav .owl-prev:before, .blog-carousel.owl-carousel .owl-controls .owl-nav .owl-next:before { font-size: 14px; line-height: 42px; text-align: center; width: 45px; height: 45px; color: #000; background: #fff; border: 2px solid #eee; display: inline-block; border-radius: 3px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; }
    .blog-carousel.owl-carousel .owl-controls .owl-nav .owl-prev:hover:before, .blog-carousel.owl-carousel .owl-controls .owl-nav .owl-next:hover:before {background-color: #0cb4ce;border-color: #eee; color: #fff;}
    .blog-carousel div.owl-prev {left: -60px;}
    .blog-carousel div.owl-next {right: -60px;}

    Hope this helps,

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.