How to edit font size on 8.9.2 blog page

  • Larry
    Larry
    Newbie 68 points
    December 30, 2019 at 4:22 pm

    July 2016 Directory child theme
    8.9.2
    Google Search Console says on my /blog page the font is too small and it’s too close between links. How do I edit font size on the Blog page? I can do inline CSS on the posts themselves, no problem.

  • Mark Fail
    Mark Fail
    Super Guru 13,013 points
    December 31, 2019 at 1:55 am

    can you provide a link as v8 is very old.

  • Larry
    Larry
    Newbie 68 points
    December 31, 2019 at 11:16 am
  • Larry
    Larry
    Newbie 68 points
    December 31, 2019 at 2:39 pm

    Mark, sorry about the plugin that was blocking EU countries. I’ve disabled it now.

    Blog

  • Marie
    Marie
    Super Guru 1,859 points
    January 3, 2020 at 5:00 am

    hi Larry

    did you simply copy and paste the content to your blog post?

  • Larry
    Larry
    Newbie 68 points
    January 3, 2020 at 12:35 pm

    Hi Marie,

    Actually, it’s the blog landing page /blog that I’m talking about. I’m able to control the font size in the posts themselves with CSS such as <span style=”font-size: 16px;”>

  • Marie
    Marie
    Super Guru 1,859 points
    January 9, 2020 at 2:09 am

    hi larry,

    I can see its displaying fine with your css changes. Do you still need more editing for this?

  • Larry
    Larry
    Newbie 68 points
    January 10, 2020 at 4:46 pm

    Marie,

    Attached is a mobile friendly test screenshot of the blog landing page, /blog.
    Also, Webmaster tools cites the page /blog as not mobile friendly, and font too close together.

    It’s not the widget banners. They appear on many pages. It’s the page content.

    I don’t know how to edit font size on this blog landing page.

    Thank you.

    Attachments:
    You must be logged in to view attached files.
  • Mark Fail
    Mark Fail
    Super Guru 13,013 points
    January 12, 2020 at 4:21 am

    Your text is set at 16px which should be fine for mobile devices, the issue looks more like the spacing between your text and the borders.

    Try adding line-height elements and font sizes for your UL elements.

    https://getbootstrap.com/docs/4.3/layout/overview/#responsive-breakpoints

Viewing 9 posts - 1 through 9 (of 9 total)

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes