Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1117763
    johnnyp14
    Participant

    Hello

    I’d like my homepage to first display a fullscreen video (YouTube, Vimeo, doesn’t matter) where the user has the option to pause if desired. I don’t want anything but the video shown until they scroll down. I’d like it to be similar to:

    Home

    I think the logo above the menu takes up to much space only initially (so the video appears distorted), so I’d like the logo/menu to be visible after scrolling. Please help!

    http://shineforgod.com

    #1118152
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To resolve your issue, you simply need to edit your slider and make sure that your slider layout is set as Fullscreen. And then there should be no offset container so that the slider will be truly fullscreen.

    If that doesn’t help, would you mind providing us the url of your site with login credentials so we can take a closer look at your slider settings?

    To do this, you can make a post with the following info:
    – Link to your site

    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thank you.

    #1124090
    johnnyp14
    Participant
    This reply has been marked as private.
    #1124320
    Joao
    Moderator

    Hi There,

    If you would like to have just the video and no Logo or Navbar you need to remove .masthead from the box “Increase Decrease Fullscreen Height on your Slider Settings on Slider Revolution

    Please see image attached.

    Hope it helps

    #1124381
    johnnyp14
    Participant

    That definitely gets me closer, thank you.
    How do I get video controls to show up?

    #1124970
    Rupok
    Member

    Hi there,

    Thanks for writing back. Kindly follow Revolution Slider Documentation for more information. Here is a article for help – https://www.themepunch.com/faq/add-a-muteunmute-button-for-video/

    Cheers!

    #1142685
    Daberechi
    Participant

    Hello,

    Im trying to display a fullscreen video on a page. I’ve placed it below masthead and it looks a bit like i want it to, but I dont want the breadcrumbs or the navbar visible. I also want my header to be transparent so that it can overlap the video. I only want this to happen on this page however.

    Also the video seems to duplicate itself after the title.
    Please I need help, this is very urgent, my X version is the latest.

    http://daberechikalu.com/asaofficial/test/

    #1142904
    Christian
    Moderator

    Hey there,

    Please add the code below in your page’s Cornerstone Custom CSS

    .x-navbar-wrap, .x-breadcrumb-wrap {
        display: none;
    }
    
    .x-logobar {
        background: transparent !important;
        margin-bottom: -90px;
        border: 0;
    }

    Hope that helps. 🙂

    #1142978
    Daberechi
    Participant

    Wow thanks Christian, it’s completely solved now. I’m also trying to hide the display of the title of the page and the footer so that the page only displays the video and doesn’t scroll, it seems I cant get the class right, please help.

    Also sorry for posting twice.

    #1143227
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance Customizer Custom CSS

    .page-id-163 .x-main.full, .page-id-163 .x-colophon.top, .page-id-163 .x-colophon.bottom {
    display: none;
    }
    

    Hope it helps

    Joao

    #1171189
    Daberechi
    Participant

    How do I hide the title in Visual Composer?

    #1171262
    Christian
    Moderator

    Please choose a page template with no header and no footer. See https://community.theme.co/kb/page-templates/ for more details about X page templates.

    Thanks.

    #1171819
    Daberechi
    Participant

    I want to increase the size of the font in my navbar, and remove the lines that separate it from the logo and the main page. Tried changing it from customizer but it only increases the size of my logo space.

    #1171992
    Nico
    Moderator

    Hi There,

    To increase your navbar font-size use this code below:

    .x-navbar .desktop .x-nav > li > a{
    font-size:10px;
    }

    To remove the lines:

    .x-logobar{
    border:none;
    }
    .x-navbar{
    border:none;
    }

    Let us know how it goes.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1117763 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>