Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 18, 2017 at 8:33 am #840786
    vlkwatchman

    hey there,

    i was successful changing the font size on the MAIN BLOG PAGE by doing the following css…

    .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
    font-size: 1em;
    text-align: left;
    letter-spacing: 1px;
    }

    BUT … I ALSO WANT TO DECREASE THE FONT SIZE OF THE TITLE ON THE ACTUAL BLOG POST PAGES.

    how can i accomplish this?

    note: my “episodes” page is the main blog page!

    thanks!

    chris

    August 20, 2017 at 12:16 am #841512
    Mike

    Hey vlkwatchman,
    Try this code in the General Styling > Quick CSS field:

    h1.post-title.entry-title.lightbox a {font-size: 1em!important; }

    Best regards,
    Mike

    August 20, 2017 at 1:46 am #841521
    vlkwatchman

    hey there!

    well thanks … BUT that code did nothing. did not work.

    fyi, i want the titles on page like this one (and all the other posts) to be SMALLER … font is way to HUGE …

    The Watchman Episode 64:The Dead Sea Scrolls — Who Wrote Them And What They Mean

    thanks!

    chris

    August 20, 2017 at 1:55 am #841524
    vlkwatchman

    i mean … darn. i inspected the title in the browser an everything you sent me in the code lines up. why would it not be working and making the font smaller? ugh. thanks!

    August 20, 2017 at 5:33 am #841543
    Sarah

    Hi!

    It’s not getting smaller because the font-size is 1em. The 1em is a relative unit of measurement where 1em, to put it simply, takes 100% of the font size already set for the element. You can read about the em unit here: https://www.sitepoint.com/power-em-units-css/

    So if you would like the font size of the heading to be smaller than the size previously set, please set the font size to 0.99em or smaller.

    Here’s a sample for the font to be 80% of the default font size of your post title. Please adjust it to your preference.

    h1.post-title.entry-title.lightbox a {font-size: 0.8em!important; }

    Best regards,
    Sarah

    August 20, 2017 at 5:51 am #841562
    vlkwatchman

    ah! beautiful! i see! THANK YOU!!

    now, can you help me to correct the line spacing? i got the text size where i want it … but the line spacing is the same. a big gap between first and second lines of title.

    please see this sample: http://watchman.wpengine.com/the-watchman-episode-63-can-christian-zionists-lead-fight-against-rising-anti-semitism-in-uk/ (hosted on WPengine)

    thanks!

    chris

    August 20, 2017 at 7:01 am #841594
    Sarah

    Sure thing!

    The line-height is currently set to 1.3em.

    Please try this in Quick CSS:

    .post-entry h1.post-title.entry-title {line-height:1.1em;}

    You can put it right under the code for the font size since they work together. :)

    Best regards,
    Sarah

    August 20, 2017 at 7:10 am #841600
    vlkwatchman

    excellent!! thanks so much!

    i did have to add the “!important” for it to actually work. just fyi.

    thanks!

    you can close this now.

    best,

    chris

    August 20, 2017 at 7:31 am #841610
    Sarah

    Hi,

    Ah, yes, the !important rule makes the magic.

    All right, we’ll close this topic now. Thank you for using Enfold!

    Best regards,
    Sarah

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘how to decrease title font size on ALL BLOG POSTS (THE ACTUAL BLOG POST PAGE)’ is closed to new replies.