Home>Support>Adding padding between metaslider and nav bar?

Adding padding between metaslider and nav bar?

By Clarissa, 9 years ago. Last reply by Magus, 9 years ago.

Hello. Right now my metaslider is butted up right against the navigation bar on my page. I have the slider on full-width carrousel. I am using the free Vantage theme.

See link –> http://www.clarissaglewwe.com/?page_id=20

I want to add a bit of space in between the nav bar and slider images, where the creme background shows through. I have been playing with the CSS code (via My Simple CSS plugin) and using the Chrome inspector. But even using the code inspector, I can’t seem to figure out what name of class/div/etc I should be adding the padding code to.

Can anyone help me figure this out please?

URL: http://www.clarissaglewwe.com/?page_id=20

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Clarissa

    Please try adding the following to your custom CSS editor

    #masthead::after {
        padding-bottom: 10px;
    }
    

    Change the value to match the space you want to see.

    Let us know how you get on.

    Magus

  2. 9 years, 3 months ago Clarissa

    That was exactly what I needed, and it worked perfectly! Thank you so much.

  3. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Clarissa

    You are welcome. If you need any more help please don’t hesitate to open a new support thread.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More