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 to email [email protected] 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 1 week, 6 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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

    #7786

    Danny
    Supporter

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

    #7800

    Hi Danny,

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

    #7810

    Danny
    Supporter

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.