- This topic has 9 replies, 3 voices, and was last updated 8 years, 2 months ago by Andrew Misplon.
- AuthorPosts
- May 4, 2016 at 11:57 am #3446
Alexia JolliotParticipantHi 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
AlexiaMay 4, 2016 at 12:03 pm #3447
Andrew MisplonKeymasterHi 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 🙂
May 5, 2016 at 6:38 pm #3450
TriciaParticipantHi 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!
May 6, 2016 at 6:18 pm #3451
Andrew MisplonKeymasterHi 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.
May 9, 2016 at 6:58 am #3452
Alexia JolliotParticipantHi 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
AlexiaMay 9, 2016 at 6:46 pm #3453
Andrew MisplonKeymasterSuper, let me know how it goes 🙂
May 11, 2016 at 7:49 pm #3468
TriciaParticipantThis worked! Thank you Andrew!
Tricia (poppytree)
May 12, 2016 at 12:35 pm #3472
Andrew MisplonKeymasterAwesome 🙂 Glad to hear that did the trick. All the best.
September 23, 2016 at 8:21 am #4961
Alexia JolliotParticipantHi Andrew,
I finally implemented it and it worked!
Thanks a lot for the support
Cheers,
AlexSeptember 23, 2016 at 10:58 am #4963
Andrew MisplonKeymasterSuper 🙂 Glad to hear that helped.
- AuthorPosts
You must be logged in to reply to this topic.