• Resolved florreds

    (@florreds)


    Hello! Amazing plugin. I have on question and I just need to make two small changes, could you please give me a hand?

    Changes:
    – How do I remove the shadow on the “Black 1” Skin?
    – How do I move the navigation arrows towards the edges of the images?

    Question:
    – The images seem to loose quality on the slider. Is there something we can do about this?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor averta support

    (@averta_support)

    Hi,

    Thank you for using Master Slider.
    I am glad you like our plugin.

    a. The arrow and its shadow set as an image (plugins/master-slider/public/assets/css/skins/black-skin-1.png)
    , so if you want to edit that, you need to edit the image or create a custom skin. To add a custom skin, you can check out this documentation:
    https://docs.averta.net/display/MSWPDEVDOC/Add+Custom+Skin

    b. Disable Align center slider controls on Slider -> General Settings

    About your question, please check out image size and the slider size. The image should not be smaller than the slider. If you want to have a full-width slider, you need to increase the size of your image.
    However, if you provide us with the link of your slider, we can assist you better in that matter.

    Looking forward to hearing from you.

    Best,

    Thread Starter florreds

    (@florreds)

    Hi,

    Thank you for your help!

    a. Will try this ASAP
    b. I tried that and is still not changing place.

    This is the link https://www.bergblick.nl The images are not smaller than the slider so I don’t know what else it could be.

    Thread Starter florreds

    (@florreds)

    a. I changed the image, but didn’t work.
    Now I changed thr skin to “black 2” and the arrows have a white shadow around it. I tried disabling it from the png but there is not shadow/black box in it. How can I go about this?

    Thank you

    Plugin Contributor averta support

    (@averta_support)

    Please add the below code to the slider custom styles:
    .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev{border:none !important}

    Also you can add the below code to the slider custom styles and change 60 to reach your desired position:

    .ms-skin-black-2 .ms-nav-prev {
      left: -60px !important;
    }
    .ms-skin-black-2 .ms-nav-next {
      right: 60px !important;
    }

    If you need any further information, please let me know.

    Best,

    Thread Starter florreds

    (@florreds)

    They worked!

    Thank you very much.

    One more problem, I haven’t been able to fix the quality of the images. When they are in the front end, the quality is below than the original. What can we do about this?

    Thread Starter florreds

    (@florreds)

    Hi! Could you please get back to me about the quality of the images?
    Thank you

    Plugin Contributor averta support

    (@averta_support)

    Hi,

    Thank you for choosing Master Slider.

    Please make sure you use appropriate images in the slider. For examble, if you use 540px images and see the slider on 1080 screen, the quality will be decreased,

    If the issue persists, please let us know. We will check out your website again to find the problem.

    Best,

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Appearence slider skin’ is closed to new replies.