Okay
  Public Ticket #2999518
Splash - Video
Closed

Comments

  •  3
    Anthony Lemay started the conversation

    Hello! I can't seem to make a vimeo/youtube video play in the background of the hervin home page. I can only put images, otherwise a black screen appears. Can you please help me on this? I don't see theme options in appearance in the wp admin panel as i've seen an answer you put on a similar case. Thank you

  •  1,808
    Support replied

    Hello Anthony

    For a video slide you need a self hosted video (.mp4 and / or .webm formats) not the youtube or vimeo videos. They can be hosted in your media library, different server or on a CDN

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Anthony Lemay replied

    Thanks! i will try this. Also i noticed; when i open a portfolio page; the images doesn't always load on first try. I have to refresh for them to appear. Also when i head back to the main home page; sometimes the portfolio sections hero titles and header logo doesn't show up. Just the hero background images and header menu sections. I have no third party plugin. Is that a known issue?

  •  3
    Anthony Lemay replied

    Here's a video. Sorry for my not neat screen haha, just noticed how bad it was. It seems like when the loader from 0 to 100 appears it works. Some ajax issue? https://drive.google.com/file/d/1d1d25NDPnENrcJF0VlQb8xXJtgANpcjm/view?usp=sharing


    Edit: Having checked my general settings in appereance » customization, ajax loading was on. I disabled it and it seems to work. Might be good for you to know.

  •  1,808
    Support replied

    Hi Anthony,

    Looks like you have set your site to private so I can't actually check the content of the portfolio pages.

    However:

    - if you are using wp bakery page builder we provide a child theme (attached here for your convenience) that provides compatibility between basic WPBakery elements (rows, columns, etc) and ajax page transitions, however if you install it you need to redo the settings in customizer

    - if you are using a third party plugin that enables images lazy loading you must disable that feature when Ajax is enabled.

    If you opt to keep ajax page transitions disabled, none of the above is necessary

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Anthony Lemay replied

    Its all good thanks! Other point i would love to know, is it possible to remove the "next project" and portoflio item in the down section of every portfolio pages? As well as the "+ All projects" next to the logo in the header? I don't really need these and would love to have a functionality to disable them. Thanks

  •  1,808
    Support replied

    Hi,

    1. to disable the portfolio bottom navigation, plz add

    #project-nav {     

        display: none; 

    }

    .next-project-image {     

        display: none;

    }

    #main-page-content.project-page {      

        margin-bottom: 0 !important; 

    }

    in customizer -> additional CSS

    2. All Projects quick menu you can hide it with

    .button-wrap.left.quickmenu {
        display: none;
    }

    in customizer -> additional CSS

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Anthony Lemay replied

    It works! For some reason though, when i do this, if in my wordpress page/portfolio content, the last item is a button, it will disappear on the online site. If i put some text or other block content underneath, it will then show up. Is there a reason for this in the current css lines you gave me? Can it be more specific to only the next project section?  Thanks

  •  1,808
    Support replied

    Hi,

    try only

    #project-nav {     

        display: none; 

    }

    that will leave some space at the bottom, above the footer


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Anthony Lemay replied

    It worked. Actually i just deleted: 

    }

    #main-page-content.project-page {      

        margin-bottom: 0 !important; 

    }


    And it was fine. Cheers