Site logo

Archived topic

Separate Containers

19 replies · Started by Michal Janata on January 7, 2017

Viewing posts 1–15 of 20

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

Not too sure what you mean? Is the separating space not working?

Yes, separating space not working.

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.

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?

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;
}

Ah, this should do it:

.sections-no-sidebars.generate-sections-enabled.separate-containers #main.site-main {
    margin: 10px 0;
}

Super! And how to achieve the same 10px padding between sections?

.section-margin {
      margin-bottom: 20px;
}

This is not working...

I have a child themes. Whoever I put in my style.css and it does not work.

Try making it more specific:

body .generate-sections-container {
    margin-bottom: 20px;
}

Still nothing. And I put it into style.css? Or settings for each section?

This archived topic is closed to new replies.