Change size of Front Page Background Images in Aspire Theme

[Felix]

Hello together,

I am new to Genesis and the Aspire theme and hope to receive some help here.

I would like to change the height of the Front Page Background Image smaller than 1200px. Can anybody help me how to do this?

Thanks a lot!

[Brad Dalton]

Link to your site please.

---

Tutorials for StudioPress Themes.

[Felix]

Hi, this is the link: http://www.airsicht.com

I haven't uploaded a proper photo yet but it's the part with the green palms which I want to reduce in height.

Many thanks,
Felix

[Brad Dalton]

Are you referring to the front-page-1 image?

If so, see line 1519 in style.css.

.front-page-1 {
    max-height: 740px;
    position: relative;
}

---

Tutorials for StudioPress Themes.

[Felix]

Thanks a lot, that worked. I have now reduced the height but the text is now too low. How can I move this up? Is there a part in the CSS that defines the distance it has to the top?
Furthermore, how can I change the font size?

Thanks again!

[Brad Dalton]

I'm sure if you inspect the element, you'll find some CSS rules you can modify in your browser to test first.

See Victor Fonts tutorial

---

Tutorials for StudioPress Themes.

[Felix]

Thanks a lot, that tutorial was a great help (something I didn't know). I was able to play around a lot but unfortunately I still haven't resolved my issue.

The background image seems to extend beyond what's visible despite being 1600 x 1050 (as per requirement). Consequently the text seems to align to this and comes up too low. If I then reduce the height of the div further the text moves outside of visibility...
Any idea how I can achieve a 100% scaled and non-blurry image so that the text aligns in the middle?

[Author]

Posts