Home New Guten › Forums › WoodMart support forum › Instagram element

Instagram element

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 12, 2018 at 7:12 pm #57295

    Stanley Black
    Participant

    Hello,

    How to customize arrows on instagram slider?

    Is it possible to make them always visible not only on hover?

    Change size and color…

    Something like this(screenshot.png).

    Best regards

    Attachments:
    You must be logged in to view attached files.
    May 13, 2018 at 11:42 am #57367

    Bogdan Donovan
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings.

    .instagram-pics.owl-carousel .owl-nav > div {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

    Regards

    May 13, 2018 at 12:44 pm #57373

    Stanley Black
    Participant

    Hi,

    Thanks, it’s works!

    One more thing, how to customize arrows size and color?

    Is it possible to import custom arrows?

    Kind regards

    May 13, 2018 at 2:46 pm #57382

    Bogdan Donovan
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings to change arrows size and color.

    body .owl-nav > div:after, 
body .wrap-loading-arrow>div:after {
	font-size: 18px;
	color: red;
}

    Unfortunately, there is no option in our theme to import custom arrows.

    Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)