Font size in footer

  • Hi,

    I have a question regarding the font size in the footer. Did the size changed, because today’s font size looks so much bigger and I would really like to have a smaller version, as it was before the change.

    The other question is about the mobile version. When I upload the singular photo and if I have captions under that photo, it looks great on desktop, but on mobile, the beginning of the text is cut off.
    You can see it here: https://almiracatovic.wordpress.com/2020/09/27/stanjel/
    I don’t know if I missed something when uploading or if it a technical issue.

    Thank you for your help and for creating this beautiful theme.

    The blog I need help with is: (visible only to logged in users)

  • Hi Almira,
    Thank you for using the Hermes theme for your site! :)

    “Did the size changed, because today’s font size looks so much bigger and I would really like to have a smaller version, as it was before the change.”
    – We’ve not made any changes to the font size in the footer area, but we’ve fixed a font issue which appeared on the site when a custom font was selected.

    In short, some areas were showing a wrong font when setting a custom font via the Custom Font functionality.

    Please use this custom CSS below to change a default font size in the footer area:

    
    /* change font size in the footer area */
    .site-footer .footer-widgets,
    .site-footer .site-footer-bottom {
      font-size: 0.8rem;
    }
    

    “When I upload the singular photo and if I have captions under that photo, it looks great on desktop, but on mobile, the beginning of the text is cut off.”
    – Thank you for reporting it. It seems like it’s the theme issue which is caused by a wide alignment option.

    I am going to investigate this issue, and release a fix once the solution is found. I’ll keep you posted on this matter.

    Kind regards,
    Taras

  • This is very strange. From the beginning (since november) I have the custom font and never had a problem with footer font size.

    I have tried your code and change the font size to even 0.01rm and the difference is almost non. Still to big :(

  • Almira,

    “This is very strange. From the beginning (since november) I have the custom font and never had a problem with footer font size.”
    – By default, the theme uses a heading font (default is PT Sans) for the entire site header section and the footer section.

    It’s a part of an initial design of the theme (v1.0.0). You can preview this font and these sections on a demo site.

    This heading font applies to all elements located in the site header and footer areas via the th-font-heading CSS class.

    On a demo site, you can see that the header area and the footer area have a different font compare to the body area/content area, where the font is PT Serif (it’s a default body font).

    When a custom Heading Font was selected in the Customizer, the change was applied only for some elements on the site.

    As a result, it was causing the issue at WordPress.com.

    This issue was fixed in the recent theme update.

    I can see that you are using Montserrat as a Heading Font on your site, and PT Sans as a Body Font.

    It seems like Montserrat renders differently compare to PT Sans on a web, as a result Montserrat looks bigger than PT Sans even though they have the same font size.

    “I have tried your code and change the font size to even 0.01rm and the difference is almost non.”
    – I’ve just checked your site and I cannot see that custom CSS. Could you please keep that custom CSS on your site, so I can inspect why it does not work?

    Thank you,
    Taras

  • Are you sure the “size” is different and it is not just bold? Because I have the same problem, and all the footer text is now bold suddenly.

  • When a custom Heading Font was selected in the Customizer, the change was applied only for some elements on the site.
    As a result, it was causing the issue at WordPress.com.
    This issue was fixed in the recent theme update.

    – I didn’t have an issue before, so maybe with a recent update, it came as a problem for some. Just thinking loud :)

    —-
    On a demo site, you can see that the header area and the footer area have a different font compare to the body area/content area, where the font is PT Serif (it’s a default body font).

    – As how it is on the demo site, it exactly how it was on my site before and how I would like to have it again.

    —-
    It seems like Montserrat renders differently compare to PT Sans on a web, as a result Montserrat looks bigger than PT Sans even though they have the same font size.

    – Montserrat was chosen only for the title, I don’t understand what that has to do with the footer font?

    About the Monstserrat font. It looks bold on the website (on the first opening page). But, when I open a specific page, then the title looks ok.

    —-
    I’ve just checked your site and I cannot see that custom CSS. Could you please keep that custom CSS on your site, so I can inspect why it does not work?

    – That is strange. I have left on CSS on site and now the CSS has disappeared. I have put CSS again so let me know if you see it.

    Thank you for all your help.

  • Almira,

    I just want to let you know that issue with images that have a wide alignment has been fixed. They should now look normal on a mobile views.

    “I didn’t have an issue before, so maybe with a recent update, it came as a problem for some. Just thinking loud”
    – Thank you for sharing your thoughts. Any feedback is very important for me when working on theme.

    “Are you sure the “size” is different and it is not just bold? Because I have the same problem, and all the footer text is now bold suddenly.”
    – I see this issue on some sites. It seems like WordPress.com changes the font weight for heading font as well.

    I am constantly working on the theme to make sure it works without any issues, and it is always up-to-date to keep the sites with Hermes performant, secure, and accessible. However, it looks like there are parts in the core that may cause some additional problems when fixing a specific issue.

    I am currently working on reverting the last change made to the sections with the heading font (except the site title), and leave the sections with the heading font “as is”.

    I apologize for this issue regarding the font.

    Kind regards,
    Taras

  • I’ve just submitted an update with a revert regarding the last change made to the sections with the heading font. I believe a WordPress.com team will review it later today (but I am not 100% sure). I’ll keep you posted.

    If you have any additional questions, please let me know.

    Thank you,
    Taras

  • Thank you for fixing an issue with images that have a wide alignment. It looks great!

    About the font, I use for headings: Montserrat and as a base font: PT Sans and it looks that the footer font was changed. I first thought it’s only the size, but comparing with your demo site, it’s font type that is wrong.

    And the CSS code that you gave me, has again disappeared from my site. I find that really strange.

  • Almira,

    “And the CSS code that you gave me, has again disappeared from my site. I find that really strange.”
    – It’s strange. It might be a temporary glitch in the WordPress system, since the theme does not have any functionality that affects the custom CSS option at WordPress.com

    Anyway, please ignore that custom CSS because I’ve just reverted a change regarding the custom headings (except the site title), and left the sections (site header and site footer) with the heading font “as is”.

    Your footer area should look like it was before the update.

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

  • Taras, thank you :)
    The Footer area is fine now.

  • You are very welcome, Almira! :)

    Kind regards,
    Taras

  • The topic ‘Font size in footer’ is closed to new replies.