font in recipe box

  • Author
    Posts
  • #75288

    cakeabake
    Member
    Original poster

    How can I change the font in the embedded recipe on my blog? I have open sans for my texts and want open sans in the recipe, but do not know how to adjust the font in the recipe. I´d really appreciate your help!

    The blog I need help with is: ichmussbacken.com

    #75526

    angelatcrist
    Member

    Do you have the custom design upgrade to add CSS?
    This would be the best way to do this. Let me know and I can provide the suggestion of how to change.

    Thanks,
    Angela

    #75546

    cakeabake
    Member
    Original poster

    Hi Angela,
    yes, I have custom design upgrade!
    Another problem has turned up with the fonts: When I enter the recipe, all the letters of the recipe are the same size. When I publish the post, some words appear on the screen in a smaller font. It´s mostly in the list of ingredients. One or two lines are the same size as when I entered them, then three or so lines are a smaller size, then there´s larger print again, and so on. It looks terrible!
    Thanks for your help,
    Eva

    #75609

    angelatcrist
    Member

    Hi Eva,

    I took a look at one recipe and I didn’t see that issue. Please provide links to a few of the recipes that you are seeing this issue with and we can take a look.

    Thanks for your patience!
    Angela

    #75623

    cakeabake
    Member
    Original poster

    Hi Angela,
    that´s because I corrected the recipes directly in wordpress. When I copied the recipe from Word and enter it into WordPress, several lines in the list of ingredients appeared in a smaller font when I published the recipes. I erased those lines and typed them again while directly in the recipe box; that way the font size stayed the same.
    Could you also please help me with the font? I want the recipe in Open Sans and do not know how to change that. I do have custom design upgrade.
    Thanks for your help!
    Eva

    #75629

    angelatcrist
    Member

    Thanks Eva for the update!
    I will ask our dev team what they recommend.

    I will keep you updated.
    Thanks,
    Angela

    #75636

    upthemes
    Member

    Hi Eva,

    To get the font updated, you will need to enter the following CSS into your Custom CSS box:

    .jetpack-recipe, .recipe{ font-family: "Open Sans", sans-serif; }

    #75637

    angelatcrist
    Member

    Hi Eva,

    Are you pasting your recipes in from a Word Document at all?
    WordPress.com strips a lot of the formatting from Word documents, this could be why things do not look the same.

    I would not recommend copy/pasting from Word. Here’s some additional docs on how WordPress.com works with Word docs. https://en.support.wordpress.com/microsoft-word/

    Let me know if you have any other questions.
    Thanks!
    Angela

    #75655

    angelatcrist
    Member

    Hi Eva,

    Just wanted to check in and see if you have any other questions.

    Have a great night!
    Angela

    #75659

    cakeabake
    Member
    Original poster

    Hi Angela,
    thanks for asking! Right now I´m doing okay. I´ll let you know if I need help again!
    Eva

    #75665

    angelatcrist
    Member

    Awesome! Great to hear!
    I will close this thread. If you have any other questions, feel free to start a new one.

    Thanks,
    Angela

The topic ‘font in recipe box’ is closed to new replies.