Home Forums ArileWP Pro How to shrink main slider size by 50% and center it for desktop users?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #11514
    Johnathon Nguyen
    Participant

    The main slider is too big for desktops and the pictures turn out blurry. I would like to shrink it by about 50% and have it centered for desktop users. Mobile users are fine.

    #11518
    themearile
    Keymaster

    Hi Johnathon Nguyen

    Thanks for contacting us.

    Please share your site URL so we can take a look and give you a good solution.

    Thanks

    #11527
    Johnathon Nguyen
    Participant
    #11552
    themearile
    Keymaster

    Hi Johnathon

    Please add the below CSS code to decrease the height of the slider image in the Additional CSS box.

    For this Go to Appearance >> Customize >> Additional css Box

    #theme-main-slider .item {
    background-repeat: no-repeat;
    height: auto !important;
    }
    #theme-main-slider .item {
    padding-top: 40.50%;
    display: block;
    height: 0;
    }

    And please use the slider image size is 1920*600px.

    You can set an image padding value as per your need.

    Let me know if it works for you.

    Thanks
    ThemeArile

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.