Trying to change the size of the front page image for the Digital Pro

[Dave]

Hello Guys,

I have been trying to change the front page image height for the Digital Pro theme and I can not get it to change,

I have been trying to do it in the "wp-content/themes/digital-pro/js/front-page.js" as this seems to be the file controlling the image size. Would any one have any ideas on what to change. To same have the image height at 50 %.

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

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

$( window ).resize(function(){

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

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

});

Cheers.

---

Please visit me at tsttechnology.com

http://gosine.org/

[Victor Font]

Do you want it a fixed size or variable. The code you posted is getting the dimension directly from the browser window and adjusting the size dynamically. It initially sets the front-page-1 widget area to the height of the window minus 90 pixels. Then, if the window is resized, the image height is reset to the full height of the window. If you want the image to be 50% of the window height, you need to change both of the variable assignment lines to:

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

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Dave]

Dear Victor,
I would like to have a fixed height for the image. Around 700-800 px.

I see what you are saying. I didn't even think about changing both of the variable. Let me give it a test and see what happens.
Dave.

---

Please visit me at tsttechnology.com

[Janiani]

Sorry to jump in here, but I did start a new thread at #196226 and haven't heard back, but probably haven't described it well enough there either. I want to use the Digital Pro 1600 x 1050 size but it's not behaving as it should.

There appear to be two ways to load it and the instructions with the theme seem to suggest using both:

Front Page 1 Widget Area

Which I've tried and that doesn't work either.

You can add the image through Widget-Text and then you get a white picture-frame style border or adding it through Appearances-Customise results in the image coming in too large and cutting areas off on all sides.

Any suggestions please?

[camille]

I just wanted to jump in and say thank you to Victor! Adjusting variable assignments & manually resizing my image did the trick nicely.

[Author]

Posts