Font in recipe box

• 

  mynths · Member · Mar 31, 2016 at 2:51 pm

  • Copy link
  • Add topic to favorites

  Hello!

  Could you help med change my recipe box code to make the headline font look like the one in my posts? The code I’m using:

  RECIPE BOX CODE
  .jetpack-recipe, .recipe {
  background-image: none;
  background-color: #FFFFFF;
  border: 1px solid #979797;
  font-size: 100%;
  }

  .jetpack-recipe, .recipe {
  font-family: “jubilat-1”, “jubilat-2”, sans-serif;

  Could you also help me change jubilat to the original font of my blog theme? But please in another example code, as I’m not sure if I want to use this.

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

• 

  g471n · Member · Mar 31, 2016 at 3:06 pm

  • Copy link

  Hi mynths

  You were on the right track. Just need to close the last curly bracket – }

  Try this:

  .jetpack-recipe, .recipe {
      font-family: "jubilat-1", "jubilat-2", sans-serif;
  }

• 

  mynths · Member · Apr 5, 2016 at 1:41 pm

  • Copy link

  I just forgot to paste the last curly bracket :) I meant that I want the font to be Raleway (as the title in my posts) in the title of the recipe boxes :)

• 

  carladoria · Member · Apr 5, 2016 at 7:43 pm

  • Copy link

  Hi there,
  I’m trying to understand your request. The recipe boxes shown at http://mynths.com/ have the same font title as the recipe posts in for example: http://mynths.com/2016/04/02/chiapudding-med-sjokolade/
  Are your referring to these font titles?

• 

  thesacredpath · Member · Apr 6, 2016 at 10:19 pm

  • Copy link

  To change the recipe title font family to Raleway, find the h3.jetpack-recipe-title CSS rule in your custom CSS and replace it with this.

  h3.jetpack-recipe-title {
      font-family: "raleway-1","raleway-2",sans-serif;
      font-size: 25px;
  }