How to edit the image on the Simplicity front page

Hi I have exactly the same question as was asked on wordpress forum template. Where do I find this in J3 for Simplicity?
https://www.gavick.com/forums/simplicity-wp/front-page-image-editing-24216.html?p=115555&hilit=laptop#p115555

thank you very much

Hi,
please edit css/template.css and find:

Code: Select all

.imageBg #gkHeader {
    background: url("../images/header.jpg") no-repeat fixed center 0 #000000;
}


then edit css/tablet.css and find:

Code: Select all

.imageBg #gkHeader {
    background-image: url("../images/header_tablet.jpg");
}


and last file you have to edit is css/mobile.css

Code: Select all

.imageBg #gkHeader {
    background-image: url("../images/header_mobile.jpg");
}


Thank you, or just overwriting the original images will do. I've also tried to use different ratio of pictures (shorter height) where and how do I adjust the template to reflect this ?

Well since it may not be clear what I'm asking, I'll try to clarify:

I'm trying to to "shorten" the image height to suit only one module (so fat the image is quite huge), if I do this and change the ration (width x height) then the template leaves me with black space under the image.

I'm also trying to position the module published in HEADER position higher in this big image - closer to the top of the image. How do I adjust the distance of the module from the top of the image?

Thank you for your time.

Could you give us url to your website ? It will be much easier.

The header image is same width as original but lowered to 500px. See the black line bellow. Also how to move the module text (header position) up? http://perina.com.au/ Thanks

Please try add to override.css

Code: Select all

.imageBg #gkHeaderMod {
    padding: 180px 0 130px;
}


and then try decrease first value. It will allow you to up block text. Then try increase or decrease last value. It will allow you to remove black space under image. Remember to enable override.css option in template settings.

Yes, thank you, this works. I'm using this in Custom CSS instead of override.css as it much more convenient...same result Thank you!