Changing size of front page image on Atmosphere Pro

[Jackiejoh]

Hi there,

I'm hoping to change the size of the front page image. Any advice?

Thanks so much,
Jackie

http://yourwordselectric.com

[Brad Dalton]

Look in js > front-page.js for .height() http://api.jquery.com/height/ which you can modify to control the .front-page-1 div using different methods like :

.height(200)

---

Tutorials for StudioPress Themes & WooCommerce.

[Jackiejoh]

Thanks Brandon,

Just to confirm,

Would I change all the "WindowHeight" in the following:

// Set front page 1 height
var windowHeight = $( window ).height() - 77;

$( '.front-page-1' ) .css({'height': windowHeight +'px'});

$( window ).resize(function(){

var windowHeight = $( window ).height();

$( '.front-page-1' ) .css({'height': windowHeight +'px'});

});

// Local Scroll Speed
$.localScroll({
duration: 750
});

});

[Brad Dalton]

There's different methods you can use, here's one i think works well based on my testing.

---

Tutorials for StudioPress Themes & WooCommerce.

[Jackiejoh]

I appreciate all your help, Brandon! I'm not sure what I'm doing wrong. I replaced the original code with the suggested text (and cleared the cache) but no changes are showing up.

[Brad Dalton]

Only remove the code between lines 12 – 22 NOT the entire code in the file.

---

Tutorials for StudioPress Themes & WooCommerce.

[Jackiejoh]

I got it to work! Thank you so much. I appreciate your help and patience with me 🙂

[allyson9]

This code just made me very happy!
$( '.front-page-1' ).height(400);

Thank you Brad!

[Author]

Posts