Front Page Slider Image Too Big

Hello there,

Add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.

.header-slider{
  height: 70vh !important;
}

70vh means 70% of screen height. Make an adjustment if needed.

Regards,
Kharis

Kharis,

Thanks for the quick reply but sadly that code is for the viewport size (view height). It is not the size of the view height, it is the image itself. I know you have it set to cover but I need to reduce the image size.

Sincerely,
Cisco

Hello there,

Try to enable responsive slider in the Appearance > Customize > Header area > Header Slider > Slider mobile behavior. Latest theme version required. And then, add the following additional CSS code:

.header-slider .slide-item {
  background-image: none !important;
  border: 2px solid green;
}

.mobile-slide {
  display: block;
}

Let me know how it goes.

Regards,
Kharis

Hi dear
slider heigh of me is so big . i added this code

.header-slider{
height: 70vh !important;
}

in
customize> theme option>> custom css but it dosnt work too.

Hello there,

Where did you exactly put that code? Ensure it isn’t wrapped within /* */. Maybe your site is cached? If so, you’d need to clear caches. Otherwise any additional code won’t take affect in your browser. If possible, please share the link to your site to allow to inspect it directly.

Regards,
Kharis

HI
Thanks for prompt reply.just i went to dashboard >> customize> theme option>> custom css BOx and dropped that code in.
it was empty and nothing is inside.
https://www.cloudacropolis.com

Your site doesn’t run Sydney theme. Sorry, the code won’t work as it’s aimed specifically for Sydney. You should contact the theme author through its support channel.

Regards,
Kharis