Pro Beta 6.0 v3 - Text Element Height

Beta
#1

Hi,

I am using the brilliant new Pro interface and have a question about the Height setting on the text element. Height defaults to “inherit”. My question is, where is the source of “inherit”? Can a default height be set somewhere else in either Global Settings or Font Manager?

Thanks,
Christopher

#2

@whitemedia, thanks for writing in and for the kind words! Yes, the “Height” control (for the CSS value of line-height on text) is set to inherit by default so that it can more readily be received from global styling. Most readily it will be received from the settings setup within Theme Options, but you can of course overwrite each instance with a value of your choosing (e.g. something like 1.6, et cetera).

Hopefully that helps to point you in the right direction!

#3

@kory, thanks for the reply. Just one more question. Where in Global Options can the line height be set? I have not found such a setting. I am also using Font Manager.

Thanks,
Christopher

#4

@whitemedia, my apologies! I was thinking of font-size all while talking about line-hight…must have been one of those days. :slight_smile: The “global” line-height is set by each Stack used in X / Pro, and can be modified if desired using custom CSS. The Stack’s provide their line-height from the body, so something like the following should do the trick:

body {
  line-height: 1.6;
}

inherit is just used as a cleaner, less-opinionated starting point for these Elements. You are of course free to create Components / Element Templates that start off with a more desirable starting point.

Cheers!

#5

Hi @kory,

Very many thanks for that reply! I have been wondering about this setting for a long while. Can I make a suggestion that a line-height setting is added to Global Options or Font Manager? It is something I have always wanted to change on most websites, but with control over certain elements where I may not want a global setting.

Fantastic work as ever!
Christopher

1 Like
#6

Thanks…yes, we have some general line items to move things towards a cleaner theme options base in general moving forward, that would have some more controls in this regard. Adding that feature to the Stacks directly at this time won’t make it into this cycle as there are backwards compatibility considerations to work through, but you can easily customize it using the CSS mentioned above.

Cheers!