In case you can't login to submit a ticket, please hard refresh the browser and try to login again.
If the problem persists, please send us a message via THEMELOGI profile page so we can help you out.
To update the theme or plugins, please have a look on the article here: Theme & Plugin Updates. Also, if you can't import the demo content or the site is blank, please see our FAQs page for the solutions. Thank you :)

Tickets Tickets Roneous navigation arrows

This topic contains 3 replies, has 2 voices, and was last updated by  Danny 2 months, 2 weeks ago.

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.


    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, 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.