Alexia Jolliot May 4, 2016 · 11:57 am #3446 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
Andrew Misplon Puro May 4, 2016 · 12:03 pm #3447 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 🙂
Tricia May 5, 2016 · 6:38 pm #3450 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!
Andrew Misplon Puro May 6, 2016 · 6:18 pm #3451 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.
Alexia Jolliot May 9, 2016 · 6:58 am #3452 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
Andrew Misplon Puro May 9, 2016 · 6:46 pm #3453 Super, let me know how it goes 🙂
Tricia May 11, 2016 · 7:49 pm #3468 This worked! Thank you Andrew!
Tricia (poppytree)
Andrew Misplon Puro May 12, 2016 · 12:35 pm #3472 Awesome 🙂 Glad to hear that did the trick. All the best.
Alexia Jolliot Sep 23, 2016 · 8:21 am #4961 Hi Andrew,
I finally implemented it and it worked!
Thanks a lot for the support
Cheers,
Alex
Andrew Misplon Puro Sep 23, 2016 · 10:58 am #4963 Super 🙂 Glad to hear that helped.