Community Forums

I was already aware of the above setup and so far I’ve been able to rearrange some of the content so that it works (although it is somewhat counter intuitive).  My main issue is the lack of control over nested elements. I don’t understand why it doesn’t support specifying custom classes and/or an ID for each element.  If needed, I can provide screenshots.

Basic example:

1. Create a new page and add a row (which automatically adds a column).
   We’ll pretend this has an id of: “welcome”
2. To that column, add a “custom heading”.
3. Below the heading, add an “inner row”.  Divide that inner row into 2 columns. (1/4, 3/4)
4. In “inner column 1”: add a text element (short paragraph)
5. In “inner column 1”: add a second text element (short paragraph)
6. In “inner column 2”: add a text element (long paragraph).
7. In “inner column 2”: add a media element with a photo
8. In “inner column 2”: add another text element
   Let’s pretend this is an author bio.  So, we’ll give this a class “author-bio”

   Example: How do I modify this element (#8)? What if the image (#7) is removed (or moved to another location?)? What if something is added? There are quite a few things that could happen that would make nth-child() and nth-of-type() selectors fail. etc.  To make matters worse, the closest parent element with a meaningful identifier is the top level column…meaning that I’d have to start my selectors from there.  I don’t know about you, but I would much rather say:

   #welcome .author-bio {}

   Then some crazy series of order-reliant selectors.

In summary: How do you target the individual text elements?  Inner rows and columns don’t support classes or and ID…and I have no idea why.  In fact, I have no idea why any html element wouldn’t support the addition of classes or an ID.  I really like the way folie has finally made the customization interface actually function the way I thought it always should…but given its limitations, I’m probably going to be forced to use something along the lines of visual composer instead (or at least a combination of the two for now).

—–

A few other issues that prompted me to want custom classes/etc:

1. why is it that the “custom typography” option in the customization interface doesn’t let you specify the font-family?  That seems like it would be one of the most important aspects to “custom typography”.

2. when you specify the “body typography” under “styling” (aka global styles), you provide a text box for both font-size and line-height.  Why is it that the “custom typography” section uses sliders?  And even worse, why does the line-height option have a minimum value of 20px while the font-size has a minimum value of 14px? This seems a bit…silly.