Altitude Pro Customizing Front Page Background Images

[kayakauthority]

Hello-

How do I customize the front page background images in Altitude Pro? For example, I don't want the background image to take up the entire screen, nor do I want the the tinting opacity effect and zoom effect on the image itself. I just want a background image that covers the entire width of the screen (responsive) and have it about half the size in height of the screen. At the same time, I'll need to be to have the text and button fit on this new background image. I've searched using Firebug for where the code could be however I'm not a coder. It seems like it involves more than just deleting code. I probably have to add some code I'm guessing.

Can anyone provide instructions what I need to do to achieve this editing result? Thanks.

http://www.hiydrate.com

[Christoph]

Hi,

1) Image height
Victor explained it here: http://www.studiopress.community/topic/trying-to-change-the-size-of-the-front-page-image-for-the-digital-pro/#post-190566
In Altitude Pro, you will find that code in home.js

2) Opacity / Linear gradient
This should help: https://www.christophherr.com/remove-linear-gradient-altitude-pro/

3) "Zoom effect"
I think you are referring to the background-size:cover; around line 1298

.front-page-1, .front-page-3, .front-page-5, .front-page-7 {
    background-attachment: fixed;
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
} 

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts