Author Posts

[Isabella]

How can I reduce the height of the header image?

[Spiracle Themes]

Hi Isabella,

You need to edit krystal-main.js file for this which is located in (theme root folder/js) ie krystalpro/js
Open this file in any text editor and find line number 117 which is height: ‘50%’. Change this to 30%. Again on line number 127 change minHeight to 300px. You can change those numbers to get the required height.

VIEW SCREENSHOT

Best Regards

[Isabella]

Ok thank you, but this did not work. Already I had this set to 30% and 300 and wound up having to adjust the following under additional css:

#parallax-bg #slider-inner {
height: 50vh;
}

.slide-bg-section {
height: calc(50vh – 5px);
}

I am wondering, if this is what I ought to be doing? Upon removing this code, the image became huge. Also, what size image should I be starting with in pixels?

[Spiracle Themes]

Hi Isabelle,

It seems like your CSS is not working. Also, I am unable to find the parallax CSS on inspecting the HTML (It is for the static background image and not for slider images).

VIEW SCREENSHOT

You can start with 1600px X 900px image dimensions for slider backgrounds

Best Regards

[Author]

Posts