Home › Forums › Support › Separate Containers This topic has 19 replies, 3 voices, and was last updated 7 years, 3 months ago by Tom. Viewing 15 posts - 1 through 15 (of 20 total) 1 2 → Author Posts January 7, 2017 at 10:38 am #261629 Michal Janata Hello, I have a problem with your Content Layout. I have set Separate Containers and Space Separating got 30 px. What should I set? thank you for the info January 7, 2017 at 11:16 am #261642 TomLead Developer Lead Developer Not too sure what you mean? Is the separating space not working? January 7, 2017 at 11:18 am #261644 Michal Janata Yes, separating space not working. January 7, 2017 at 1:00 pm #261664 Michal Janata And one more thing. The problem to me appears only in Sections extension. https://generatepress.com/downloads/generate-sections/ It would not add to this extension. January 7, 2017 at 1:17 pm #261665 LeoStaff Customer Support Hi Michal, Padding for each section can be adjusted in the Section Settings. Check out “Opening the Section Settings” here: https://docs.generatepress.com/article/sections-overview/ Let us know. January 7, 2017 at 1:32 pm #261670 Michal Janata have another problem. I want to have separate color sections. For example https://tancovani.skauting.cz/ And among those sections I want to be able to adjust the gap. January 7, 2017 at 1:35 pm #261671 LeoStaff Customer Support You can choose the Background Color for each section in Sections Settings as well. Not quite sure what you meant by gap, did you try adjusting the top/bottom paddings? January 7, 2017 at 1:59 pm #261676 TomLead Developer Lead Developer Separate containers are ignored in Sections. To add margin between sections, give your section a custom class, like “section-margin”. Then, add this CSS: .section-margin { margin-bottom: 20px; } January 7, 2017 at 1:59 pm #261677 Michal Janata This is a better example. I have a background image. A section on the home page. https://sft.skauting.cz/ – no gap https://sft.skauting.cz/aktuality/ – Gap operates. Offset from the menu and footers It looks weird when the gap somewhere. And sometimes it is not. January 7, 2017 at 2:01 pm #261679 TomLead Developer Lead Developer Ah, this should do it: .sections-no-sidebars.generate-sections-enabled.separate-containers #main.site-main { margin: 10px 0; } January 7, 2017 at 2:07 pm #261680 Michal Janata Super! And how to achieve the same 10px padding between sections? .section-margin { margin-bottom: 20px; } This is not working… January 7, 2017 at 10:17 pm #261744 TomLead Developer Lead Developer Did you add the section-margin class to the section you’re wanting to add margin to? https://docs.generatepress.com/article/sections-overview/ If you want it to apply to ALL sections, you can do this: .generate-sections-container { margin-bottom: 20px; } January 8, 2017 at 4:10 am #261817 Michal Janata I have a child themes. Whoever I put in my style.css and it does not work. January 8, 2017 at 9:34 am #261880 TomLead Developer Lead Developer Try making it more specific: body .generate-sections-container { margin-bottom: 20px; } January 8, 2017 at 10:04 am #261898 Michal Janata Still nothing. And I put it into style.css? Or settings for each section? Author Posts Viewing 15 posts - 1 through 15 (of 20 total) 1 2 → You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In