[Resolved] Blank space in header content and above the footer

  • Author
    Posts
  • #3446

    Alexia Jolliot
    Participant

    Hi Andrew,

    Hope you are well.

    In all my pages, I have a unnecessary blank space in the header content space (below the top menu) and just above the footer.
    I have already remove the titles selecting full width – no title and thought that would remove the space as well but it didn’t.

    I have try to work my way around by setting the padding around the row to 1px, the padding around the widget within that row to 1px but the space remain the same.
    is there a way to easily remove these unwanted spaces ? I’m using Ultra premium
    By easily, i mean no CSS. If CSS has to be used, then can you walk me through the process step by step?

    Thanks
    Alexia

    #3447

    Andrew Misplon
    Keymaster

    Hi Alexia

    I’m good thanks 🙂

    Sorry to hear this space hasn’t suited your design. Unfortunately, I will need to assist with a small custom CSS snippet. That said, you won’t need to do anything except cut and paste.

    Try the following:

    /* Home */
    .home.siteorigin-panels-home .site-content, .page-template-home-panels .site-content {
    	padding-top: 0;
    }
    
    /* Full Width No Title Pages */
    .page-template-full-width-no-title .site-content > .container {
    	padding-top: 0;
    }
    
    /* Page Bottom Padding */
    .page:not(.home) .site-content {
    	padding-bottom: 0;	
    }

    Highlight the above CSS, copy and then paste into the field at Appearance > Custom CSS. We can’t strip bottom padding everywhere, for example, the home page still needs it. Give it a try and I’ll make changes as required 🙂

    #3450

    Tricia
    Participant

    Hi Andrew,

    I’m attempting to do the same thing as Alexia, but I don’t have Custom CSS under Appearance. (I have themes, customize, widgets, menus, home page, theme settings, and editor). I am also using Ultra Premium.

    Is there somewhere else where I might find Custom CSS, or something I need to do to make it show up?

    Thanks for your help!

    #3451

    Andrew Misplon
    Keymaster

    Hi poppytree

    Thanks for reaching out 🙂

    If you’re using the Jetpack plugin you can go to Jetpack > Settings and activate Custom CSS which will provide you with Appearance > Edit CSS. If you aren’t using Jetpack, go to Plugins > Add New and use the top right search field to search for Simple Custom CSS. Once installed and activated you’ll have a menu item under Appearance called Custom CSS.

    Hope that helps.

    #3452

    Alexia Jolliot
    Participant

    Hi Andrew,

    Thanks a lot for your answer.
    I haven’t tried yet but with the script you send it should be easy. I’ll let you know how it goes as soon as i’ll try.

    Cheers
    Alexia

    #3453

    Andrew Misplon
    Keymaster

    Super, let me know how it goes 🙂

    #3468

    Tricia
    Participant

    This worked! Thank you Andrew!

    Tricia (poppytree)

    #3472

    Andrew Misplon
    Keymaster

    Awesome 🙂 Glad to hear that did the trick. All the best.

    #4961

    Alexia Jolliot
    Participant

    Hi Andrew,

    I finally implemented it and it worked!

    Thanks a lot for the support
    Cheers,
    Alex

    #4963

    Andrew Misplon
    Keymaster

    Super 🙂 Glad to hear that helped.

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

You must be logged in to reply to this topic.

Scroll to top