AThemes Slider Image cover & no repeat

  • Resolved Wohoo123

    (@wohoo123)


    3 years ago

    How can I change the slider settings from the images to:

    background-repeat: no-repeat;
    background-size: cover;

    Can’t seem to find the right code.

    Thanks for your help.

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

  • Hi @wohoo123,

    I am sorry for the delay in response.

    You can control the main slide’s images with this CSS code: 

    .slides-container .slide-item {
  /* Your CSS rules go here */
}

    To apply it to you site, add it to Appearance > Customize > Additional CSS from dashboard.

    Hope that helps.

    Regards,
    Kharis

    Thread Starter Wohoo123

    (@wohoo123)

    No problem.

    .swiper-slide-active {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    }

    .swiper-slide {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    }

    Did the trick

    • This reply was modified 3 years ago by Wohoo123.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘AThemes Slider Image cover & no repeat’ is closed to new replies.