Home Forums EZY Template parallax background

This topic contains 3 replies, has 2 voices, and was last updated by  webcatUK 2 weeks, 1 day ago. This post has been viewed 69 times

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10030888

    webcatUK
    Participant

    Hi, I would like to change the half-parallax background image to display the height at 100% instead of 180% but the style is added inline, drawn in from a file i cant track down, I’ve had a good look, can you advise please? the html is:

    <div class=”parallax h-100″ data-plugin-parallax data-plugin-options=”{‘speed’: 1.5, ‘minHeight’: 371}” data-image-src=”img/imagefile.jpg”></div>

    the inline code when inspected in browser is:

    element.style {
    background-image: url(img/parallax/furrows.jpg);
    background-size: cover;
    background-position: 50% center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 180%;
    transform: translate3d(0px, -219.638px, 0px);
    }


    #10030889

    webcatUK
    Participant

    its ok, Ive found it in theme.js line 2044

    🙂


    #10030890

    Support2
    Keymaster

    Hello,

    Great! 🙂

    To change the parallaxHeight we suggest for you to do it trough the “custom.js” file instead of edit directly on the “theme.js”.

    (js/custom.js):

    $.extend(theme.PluginParallax.defaults, {
    	parallaxHeight: '100%'
    });

    We don’t recommend changes in the core files like “theme.js” or “theme.init.js” since this change can be overwrited/losted if you update the template in a future moment.

    Kind Regards,

    Rodrigo.


    #10030891

    webcatUK
    Participant

    thank you, good point!!


Viewing 4 posts - 1 through 4 (of 4 total)