Archived topic
Typography - Elements overview
3 replies · Started by Matthias on May 17, 2022
Hi there,
just searched and couldnt find:
in typography you can add elements for e.g. H1 - H6 Headers , Navigation and so on.
For some of those elements im not sure where they could appear.
Is there an overview where the elements available in the dropdown will appear?
ps: as i just saw: congrats for 8 years of gp - happy customer of almost half of that.
small wish: we prefer not to go lifetime as we like to know that the theme we use has a constant income - but as i meantioned before - a package combinging gp and gb would be great. ;) keep it up.
Hi there,
thanks for the congrats and nice feedback - and pointed noted about the package :)
We don't have any kind of diagram explaining where those elements are displayed, as most are dynamic and some only appear if within your content.
Anyones in particular you want to know about ?
I was wondering which element can be used for Dates on pages. e.g. if you write a blog post - on some there is a line with date (and sometimes author) - and this line can also be viewable in the blog articles overview.
regards
Ah ok - so theres a few ways to go about this.
Lets look at the Post Meta such as the Date and Author.
To begin there is no dedicated Typography setting for them, as there are so many permutations.
But you can Add Typography and Choose: Custom
This will provide a field for: Enter custom CSS selector
And here you could add:
.entry-meta
And now you can create your own custom style for any of the entry meta used across the theme.
This allows for more flexibility for example you could do:
.single-post .entry-meta to only style the single post meta
.single-post footer.entry-meta to style the single post footer meta ( where categories tags and terms reside ).
Theres a tonne of options.
ALTERNATIVELY - you can use a Block Element, to build your own template parts eg.
The Post meta template: https://docs.generatepress.com/article/block-element-post-meta-template/
The entire content template: https://docs.generatepress.com/article/block-element-content-template/
With that method you can restyle the entire element :)
