Docs

[ecomalley]

I am trying to create a full screen Revolution slider on my home page – http://www.ecomalley.com/. What am I missing? https://thecuratedtravel.com/ is very much like what I am trying to accomplish. Thanks.

[Rue Nel]

Hello There,

Thanks for writing in! Please edit your slider and change your slider layout as fullscreen. You also need to add the slider below your masthead. Please check out out knowledge base for full details:
https://community.theme.co/kb/sliders/

It would also be a good idea if you check out this video to know more how you can have an auto responsive fullscreen slider.

Hope this helps.

[ecomalley]

I’ve watched your video, and made some improvements, but still have questions:

1) Your video shows what appears to be an old version of RS. Where can I find the place to enter the .masthead setting?

2) Why is the footer so tall, and white?

3) I have changed the slider setting for this page to “below masthead.”

Thanks for your help.

Ed

[Joao]

Hi Ed,

Try adding this code to your Appearance / Customizer / Custom / CSS

.x-navbar-fixed-top-active header.masthead.masthead-inline {
    height: 0;
}

body.home .x-navbar-wrap {
     height: auto !important;
}

body.home .x-navbar {
     background-color:transparent;
     border:0;
     box-shadow:none;
     position: fixed;
     width:100%;
}

body.home .x-navbar-solid {
     background-color:white;
}

And this to your Apperance / Customizer / Custom / Javascript:

jQuery(function($) {
    $(window).scroll(function(){ 
        if($(window).scrollTop() >50) {
              $('.x-navbar').addClass("x-navbar-solid");
        }else {
              $('.x-navbar').removeClass("x-navbar-solid");
        }
    });
});

Your footer is so big because it seems you do have content on your cornerstone it seems like am empty section with a 45px padding. Please go to Edit Page with Cornerstone and delete this section.

Also your site links on your footer are white so we need to change the color of that for that add this code at your Customizer / CSS and choose the desired color:

.x-colophon.bottom .x-nav li a {
color: #fff;
}

Hope that helps,

Joao

[ecomalley]

Hi,

That helped a lot! What about the footer? Why is it so big? Also, where do I set the footer background color?

Thanks,

Ed

[Joao]

Hi Ed.

It seems like you have a section on your home page. I would first try to go to Cornerstone and delete the existing section.

If that does not help, you can hide this section via css, you can try adding this code to your Customizer / Custom / CSS

.home .x-container.max {
  display: none; 
}

To change the footer background color you can add the following code to your Customier / Custom / CSS:

.x-colophon.bottom  {
background-color: black;
}

Hope that helps,

Joao

[ecomalley]

Thanks, that all helps!

Ed

[Rahul]

You’re welcome!

[Author]

Posts