Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 10, 2024 at 11:27 am #1433892
    jeel147

    Archief 2020-2023

    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;
}
    • This topic was modified 9 months, 2 weeks ago by jeel147.
    • This topic was modified 9 months, 1 week ago by jeel147.
    February 11, 2024 at 8:33 pm #1434023
    Mike

    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,
    Mike

    February 14, 2024 at 2:13 pm #1434298
    jeel147

    Hi 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

    February 14, 2024 at 5:43 pm #1434307
    Mike

    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”:
    Enfold_Support_4710.jpeg
    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

    February 15, 2024 at 4:09 pm #1434420
    jeel147

    Got it Mike, thanks a lot, this did the job!

    as far as im concerned you can close this ticket now!

    best regards, jelle

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘adjust font size and line height’ is closed to new replies.