Create custom arrows

  • Resolved pawciak

    (@pawciak)


    8 years, 9 months ago

    Hi!

    i know this question popped-up few times in the past but is there any easy way to create custom arrows? I know how to hardcode the plugin to achieve my goal but its not the point (after update i will loose everything..). Is there any easy way (e.g. via hook?) to keep own arrows and still be able to update the plugin?

    thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Fabio Rinaldi

    (@fabiorino)

    8 years, 9 months ago

    Hi! You don’t have to hardcode the plugin, you can modify this CSS:

    .crellyslider > .cs-controls {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -9px;
}

.crellyslider > .cs-controls > .cs-previous,
.crellyslider > .cs-controls > .cs-next {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	cursor: pointer;
	background-color:#fff;
	box-shadow:0 3px 10px rgba(0,0,0,0.16), 0 3px 10px rgba(0,0,0,0.23);
	background-repeat: no-repeat;
	background-position: center center;
	border: 10px;
	border-radius: 50%;
}

.crellyslider > .cs-controls > .cs-previous {
	background-image: url('../images/arrow-left.png');
	left: 30px;
}

.crellyslider > .cs-controls > .cs-next {
	background-image: url('../images/arrow-right.png');
	right: 30px;
}

    And copy it at the end of the style.css file of your theme (or custom CSS, if supported). If you need help to modify it, don’t be afraid to ask

    • This reply was modified 8 years, 9 months ago by Fabio Rinaldi.
    Thread Starter pawciak

    (@pawciak)

    8 years, 9 months ago

    amazing – thanks Fabio!! 🙂

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

The topic ‘Create custom arrows’ is closed to new replies.