Position arrows below image

  • Resolved cubed11

    (@cubed11)


    9 years, 9 months ago

    Could you please tell me how I can position the arrows below the image, to the left and right of the slide info. It should look something like this:

    image
    < slide info >

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Author averta

    (@averta)

    9 years, 8 months ago

    Hi,

    Please follow the instructions below:
    1. Navigate to Slider Settings-> Appearance-> Slider custom class name and style and set a custom class name like “my-custom-class” in Class name field.

    2. Use the following style in slider custom styles right under the Class name filed:

    .my-custom-class .ms-skin-default .ms-nav-next, .my-custom-class .ms-skin-default .ms-nav-prev{
  top: 100px;
}

    3. Replace my-custom-class by your own class name that set in first step.
    4. Replace value for top property by the following formula:
    slider height + slide info margin + 25

    So if you set slider height to 480px in slider settings and have a 20px margin for slide info, you should set value for top to 525px;

    Let us know if you have any further questions.

    Regards
    Averta

Viewing 1 replies (of 1 total)

The topic ‘Position arrows below image’ is closed to new replies.