How can I change the font size of my recipe title using new recipe short code?

  • Unknown's avatar
    chezmaree · Member ·

    Hi there, I love the new recipe short code feature and intend to roll it out across my site. However, the recipe title always appears in capital letters and very small font, smaller than the text. I have attempted to change the for size using HTML (referring to the Styling individual posts and pages guide on wordpress), but this doesn’t work for me (I am a complete short code novice though). I am using a customised Twenty Eleven theme, with Arimo font as my text. How can I have more control of the font appearance using the recipe short code feature? Your help is greatly appreciated :-)

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

  • Unknown's avatar
    gracejiyoung · Member ·

    Hi there!

    I’m so glad you like the new recipe short code feature! You can change the title by editing CSS. Please go to Appearance > Customize in your Dashboard. Once you are there go to the CSS tab and add this:

    h3.jetpack-recipe-title {
	text-transform: none;
	font-size: 20px;
	letter-spacing: 0em;
}

    That will remove the Uppercase in the title and make the font-size larger. If you want to make the font-size even bigger, you can put a larger number than 20.

    Please let me know if you have any questions!

  • The topic ‘How can I change the font size of my recipe title using new recipe short code?’ is closed to new replies.