Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nested section / row #49

Closed
daviedR opened this issue Oct 9, 2016 · 7 comments
Closed

Nested section / row #49

daviedR opened this issue Oct 9, 2016 · 7 comments

Comments

@daviedR
Copy link

daviedR commented Oct 9, 2016

Hi Andrew, is there a chance to put section element inside a section (nested section)?

@andrew-worsfold
Copy link
Contributor

Hi @daviedR -

This is not currently possible. What would be the desired outcome of doing that?

@joshmarom
Copy link

What would be the desired outcome of doing that?

It allows you to create more advanced layouts

screen shot 2016-10-10 at 12 00 25 pm

@andrew-worsfold
Copy link
Contributor

If this is essentially a request for nested columns, there isn't a need for an additional nested section. Layouts like the one above are achievable already (using a combination of columns and the Grid element).

A free extension is underway to provide more advanced functionality and this may be a good candidate for inclusion in that (if there's sufficient demand). I'll leave this request open and am keen to get feedback from others on this matter.

@daviedR
Copy link
Author

daviedR commented Oct 10, 2016

Yes, it's for advanced layout flow.

Grid element has limitation, we can't make 1 grid item larger than the others, while a section element can do it.

Also, it would be great if we can override columns gap for each section, rather than using the page global setting.

@andrew-worsfold
Copy link
Contributor

Thanks for confirming, @daviedR.

This is a candidate for the free advanced extension that I mentioned.

Regarding column gaps: these (along with section width and element spacing) can be configured in three areas:

  1. In the Customizer (used as a global default and overrides the default in the stylesheets).
  2. On a given page in the Settings panel (used as a page default and overrides the Customizer default); and
  3. On individual elements, where appropriate (the highest level of specificity).

To configure the column spacing for a given set of columns, select the underlying row (not section) and update the column spacing setting. You can think of sections as top level elements used for grouping and styling elements; they can contain rows and columns but are otherwise independent.

@andrew-worsfold
Copy link
Contributor

@daviedR
Copy link
Author

daviedR commented Nov 3, 2016

Looks awesome! Thanks @andrew-worsfold

@daviedR daviedR closed this as completed Nov 3, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants