Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2836057
Gutenberg Font size
Closed

Comments

  • mara-z started the conversation
    July 28, 2021 at 6:19am

    Hello,

    how can I change the gutenberg small, large, meditum and huge font size?

    Thank you for your help.

    Margit

  •  2,679
    PenciDesign replied
    July 28, 2021 at 8:25am

    Hi,

    Please go to Appearance → Theme Editor, Select theme to edit: soledad, navigate to Theme Functions file, find and edit as the screen below:

    image.png

    Regards,
    PenciDesign.


  • mara-z replied
    July 28, 2021 at 9:54am

    Hello,

    thank you for your help.

    I copied it to my child theme and changed it but it did not work. Then I tried to change the original soladed theme function but it also did not word.

    Margit


  •  2,679
    PenciDesign replied
    July 28, 2021 at 10:08am

    Hi,

    Please re-check the code you've edited and clear your back-end cache then try again.

    You can view more information about this function here: https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-support/#block-font-sizes

    Regards,
    PenciDesign.



  • mara-z replied
    July 28, 2021 at 12:36pm

    Hello,

    I emptied the cache and disabled all the plugins.

    If I put it in the child theme Funkctions file nothing happens. If I change the Soladed Teme Functions file the change shows in the gutenberg editor, but not on the blogpage.

    Thank you for your help.

    Margit


  •  2,679
    PenciDesign replied
    July 28, 2021 at 1:23pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .has-small-font-size,
    .post-entry p.has-small-font-size > *{
        font-size: 12px;
    }
    .has-medium-font-size,
    .post-entry p.has-medium-font-size > *{
        font-size: 20px;
    }
    .has-large-font-size,
    .post-entry p.has-large-font-size > *{
        font-size: 32px;
    }
    .has-huge-font-size,
    .post-entry p.has-huge-font-size > *{
        font-size: 42px;
    }
    Don't forget to modify the font size similar to your settings in the functions.php file.

    Regards,
    PenciDesign.


  • mara-z replied
    August 16, 2021 at 11:00am

    Hello,

    it works great now. Thank you for your help :-)

    Margit