• Hi there i was wondering how do i reduce the height of the slider on the main page ?
    I added 3 images with text and link but the image are fairly big so i need to scroll to get to my next content and would like to reduce the height but still keep the width over the entire screen.

    Can you assist ?
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Theme Arile

    (@themearile)

    Hi johanrossouw

    Thanks for contacting us.

    Please add the CSS code below in the Additional CSS Box. Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

    .theme-main-slider .item {
        height: 600px;
    }

    Please set the slider height according to your requirement.

    Let us know if it works for you.

    Thanks

    Thread Starter johanrossouw

    (@johanrossouw)

    Hi themearile

    i tried that but no matter what height i select it does not seem to have an effect on the slider images.
    I refreshed and tried opening in different browser as well with no luck.

    I also tried a different plugin to see if that will allow me to customize the slider.
    But this did not display at all ,must be due to the theme having a slider as well.

    any other suggestions ?
    Kind Regards
    Johan

    Theme Author Theme Arile

    (@themearile)

    Hi johanrossouw

    Please share your site URL here so we are able to check and trying to help you.

    Please also explain more about your problem.

    Thanks

    Thread Starter johanrossouw

    (@johanrossouw)

    Hi There

    https://saleshire.co.za.www461.jnb1.host-h.net/

    So the site is very early days, but the idea is the make the images on the slider have a reduced height.
    So that i don’t have to scroll to far to see the service areas below the images
    it must remain full width but just be able to reduce the height of the image.

    If i cant do this with the theme slider, perhaps if possible with a plugin then ?

    Regards
    Johan

    Theme Author Theme Arile

    (@themearile)

    Hi johanrossouw

    Okay please try below CSS code below to reduce the height of the slider, Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

    .theme-main-slider .item {
        height: 600px !important;
    }

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Front page main slider’ is closed to new replies.