Resize hero split image

[contemascetti]

Hi,

I’m editing the FAQs page http://swiftideas.com/pages/f-a-q-s/ with hero split style.

Is there some custom CSS or setting to resize the split hero image on the left and make it taller or less wide?
I would like also to insert a vertical image, so that the text on the right side has more vertical height.

Thanks

[Kyle – SUPPORT]

Hi

Sure add this to your custom css:

.hero-content-split #main-container > .page-heading, .hero-content-split #main-container > .fancy-heading-wrap {
  width: 35%;
}
.hero-content-split .inner-page-wrap {
  width: 65%;
}

– Kyle

[contemascetti]

thank you very much, it worked like a charm.

great support.

[Kyle – SUPPORT]

No problem

[contemascetti]

Hi Kyle,

I just saw that your css trick forces the resizing also on mobile, shrinking the header and page by the set amount.

Is there some additional css code to exclude the resize on mobile?

Thanks

[Kyle – SUPPORT]

Put the css I gave you inside a media query, so:

@media only screen and (min-width: 768px) { 
.hero-content-split #main-container > .page-heading, .hero-content-split #main-container > .fancy-heading-wrap {
  width: 35%;
}
.hero-content-split .inner-page-wrap {
  width: 65%;
}
}

– Kyle

[contemascetti]

Hi, had to set it a little higher (min-width 992+ px) and now it resizes ok.

thanks again

[Kyle – SUPPORT]

Ok no problem