-
Posts
-
hello, is there a way to adjust font size and line height in the posts-element ( where you show alle posts out of one category )?
it uses quite a lot of space now and the font size is quite big
and the pencil in front of the line….can i change that? either get rid of it or get a dot instead of it?best regards, jelle
——————
oke…ive found the font size and the title, though the line- height does not seem to do much…
( i want the titles to come closer to each other)/* blog post element tekst managen */ #top .flex_column .template-blog .post-title { font-size: 12pt; line-height: 12px; }Hey jeel147,
Thank you for your patience, to remove the pencil icon try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.fallback-post-type-icon { display: none; }The space between each item is created by the padding, this css will reduce it in half, but feel free to adjust to suit.
.bloglist-compact.post-entry { padding: 7px 0; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi Mike
thanks a lot , worked perfectly!
imagine i would like to replace the pencil by another icon, is there a list with the icon names i can choose of?
(for example i tried:.fallback-post-type-icon { display: dot; }but no dot was appearing…(only the pencil again) )
best regards, jelle
Hi,
Glad this helped, to use a different icon for the fallback icon you would use this css:.fallback-post-type-icon:before { content:"\e803"; font-family: 'entypo-fontello'; }Open the icon library in the advanced layout builder by clicking on the icon element and hover over the icon to view the “Unicode” or “Charcode”:
and drop the “u” in the code like I did in the example above.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
Mike
- The topic ‘adjust font size and line height’ is closed to new replies.