<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Joy + OliverSpiced Shortbread Cookies - Joy + Oliver</title>
	<atom:link href="https://joyoliver.com/spiced-shortbread-cookies/feed/" rel="self" type="application/rss+xml" />
	<link>https://joyoliver.com/spiced-shortbread-cookies/</link>
	<description>Dessert &#38; Entertaining Blog</description>
	<lastBuildDate>Wed, 22 Apr 2026 16:09:24 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	
	<item>
		<title>Spiced Shortbread Cookies</title>
		<link>https://joyoliver.com/spiced-shortbread-cookies/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=spiced-shortbread-cookies</link>
		<enclosure url="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090-683x1024.jpg" type="image/jpeg" /> 
		<comments>https://joyoliver.com/spiced-shortbread-cookies/#respond</comments>
		<pubDate>Wed, 21 Oct 2020 03:11:44 +0000</pubDate>
		<dc:creator><![CDATA[Kristen Massad]]></dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Cookies Recipes]]></category>
		<category><![CDATA[Dessert]]></category>
		<category><![CDATA[Fall Favorites]]></category>
		<category><![CDATA[Recipes]]></category>
		<category><![CDATA[Sweets]]></category>
		<category><![CDATA[glazed pumpkin cookies]]></category>
		<category><![CDATA[glazed shortbread cookies]]></category>
		<category><![CDATA[halloween cookie]]></category>
		<category><![CDATA[iced cookies]]></category>
		<category><![CDATA[shortbread cookies]]></category>

		<guid isPermaLink="false">https://joyoliver.com/?p=8579</guid>
		<description><![CDATA[Facebook Pinterest Email Spiced shortbread cookies shaped into pumpkins, glazed, and ready for Fall. These cookies will impress at a party or be the perfect cozy night-in activity. My all-time favorite cookie for all seasons is decorated shortbread cookies. Whether you are wanting an elegant tablescape or a kid-friendly party favor, shortbread cookies are made...]]></description>
				<content:encoded><![CDATA[<div class="tasty-recipes-quick-links">
<a class="tasty-recipes-jump-link tasty-recipes-scrollto" href="#tasty-recipes-8597-jump-target">Jump to Recipe</a><span>&middot;</span><a class="tasty-recipes-print-link" href="https://joyoliver.com/spiced-shortbread-cookies/print/8597/">Print Recipe</a>
</div>


<p class="has-text-align-center"><em><strong>Spiced shortbread cookies</strong> shaped into pumpkins, glazed, and ready for Fall. These cookies will impress at a party or be the perfect cozy night-in activity.</em></p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="1024" height="1536" data-pin-title="Spiced Shortbread Cookies" src="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8086.jpg" alt="A close up of 3 spiced shortbread cookies, decorated to look like pumpkins" class="wp-image-8587" srcset="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8086.jpg 1024w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8086-410x615.jpg 410w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8086-683x1024.jpg 683w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8086-768x1152.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>My all-time favorite cookie for all seasons is decorated shortbread cookies. Whether you are wanting an elegant tablescape or a kid-friendly party favor, shortbread cookies are made for every occasion and holiday. For a fun Fall twist on my <a href="https://joyoliver.com/vanilla-bean-shortbread-cookies/">original shortbread cookie</a>, brown sugar shortbread dough spiced with cinnamon, ginger, and allspice creates a perfect flavor for the season.</p>



<p>Add making these cookies to your cozy Fall activities list! They will be sure to put you in the spirit of the season. These are the perfect cookies that will decorate your table and fill your belly with joy.</p>



<h2 class="wp-block-heading" id="h-ingredients">Ingredients</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="1536" data-pin-title="Spiced Shortbread Cookies" src="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8082.jpg" alt="A close up of 2 spiced shortbread cookies decorated like pumpkins" class="wp-image-8584" srcset="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8082.jpg 1024w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8082-410x615.jpg 410w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8082-683x1024.jpg 683w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8082-768x1152.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list"><li><strong>Flour- </strong>All-purpose works great</li><li><strong>Spices-</strong> Cinnamon, Ginger, and Allspice</li><li><strong>Brown Sugar-</strong> Light Brown Sugar for sweetness and added flavor</li><li><strong>Butter-</strong> Unsalted and at room temperature</li><li><strong>Powdered Sugar- </strong>For the royal icing</li><li><strong>Egg Whites-</strong> Make sure they are pasteurized egg whites </li></ul>



<h2 class="wp-block-heading" id="h-directions">Directions</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="1536" data-pin-title="Spiced Shortbread Cookies" src="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8077.jpg" alt="Stack of undecorated cookies with bowls of icing in the background" class="wp-image-8582" srcset="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8077.jpg 1024w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8077-410x615.jpg 410w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8077-683x1024.jpg 683w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8077-768x1152.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list"><li>In a medium bowl, combine flour and spices; set aside</li><li>In a mixing bowl with the paddle attachment, cream light brown sugar and butter until light and fluffy</li><li>Add egg to the butter mixture and mix until combined</li><li>Slowly add the dry ingredients and mix until the dough comes together; don't overmix</li><li>Lightly knead the dough on a floured surface to form a ball</li><li>Wrap the ball of dough in plastic wrap and refrigerate for 10 minutes</li><li>Roll out the dough on a lightly floured surface until it is ¼ inch thick and cut the dough using a 3 inch pumpkin cookie cutter</li><li>Place cookies 2 inches apart on a prepared baking sheet, and bake for 12 minutes or until edges are light golden</li><li>Allow cookies to cool while you prepare the royal icing</li><li>In a mixing bowl with the paddle attachment, combine the sugar and egg whites</li><li>Mix on medium to high until the glaze becomes smooth and shiny; it will be thick but fall flat once it settles</li><li>Divide and color the glaze into ¾ pale orange, ⅛ light brown, and ⅛ light green and fill pastry bags with each color</li></ul>



<h2 class="wp-block-heading" id="h-decorating-spiced-shortbread-cookies">Decorating Spiced Shortbread Cookies</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="1536" data-pin-title="Spiced Shortbread Cookies" src="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8068.jpg" alt="pumpkin shortbread cookies on a cooling rack with three bowls of icing" class="wp-image-8580" srcset="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8068.jpg 1024w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8068-410x615.jpg 410w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8068-683x1024.jpg 683w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8068-768x1152.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list"><li><span style="font-weight: 400;">Starting with the light orange glaze, outline the perimeter of all of the pumpkin cookies and then draw two lines on the interior of the pumpkin to create the shape; let the outline dry</span></li><li><span style="font-weight: 400;">Using the orange glaze, fill in the two exterior portions of the pumpkin first (leaving the center empty); repeat to complete all the pumpkin cookies; allow the glaze to dry</span></li><li><span style="font-weight: 400;">Once the two exterior portions of the pumpkin are dry, fill in the center portion of the pumpkin and repeat to complete all the pumpkin cookies</span></li><li><span style="font-weight: 400;">Using the light brown glaze, outline the stem of the pumpkin and then fill in the stem; allow the pumpkin and stem to dry before moving on</span></li><li><span style="font-weight: 400;">Once the pumpkin has slightly dried, using the green glaze, pipe a swirl to create a green vine on the pumpkin</span></li><li><span style="font-weight: 400;">Allow the glazed pumpkin cookies to dry completely before serving (approximately 3-4 hour) </span></li></ul>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="1536" data-pin-title="Spiced Shortbread Cookies" src="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090.jpg" alt="Close up of spiced shortbread cookies on a round stand" class="wp-image-8588" srcset="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090.jpg 1024w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090-410x615.jpg 410w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090-683x1024.jpg 683w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090-768x1152.jpg 768w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090-720x1080.jpg 720w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090-360x540.jpg 360w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090-180x270.jpg 180w, https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090-150x225.jpg 150w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading" id="h-tips-and-faqs-for-spiced-shortbread-cookies">Tips and FAQs for Spiced Shortbread Cookies</h2>



<ul class="wp-block-list"><li>Make sure you use pasteurized egg whites to make the royal icing, since pasteurized eggs have been heated to kill any bacteria. You'll want to use pasteurized eggs for any recipe that doesn't cook the egg</li><li>If you want to bag or stack the cookies, allow them to dry for approximately 12 hours so that the icing does not get damaged  </li></ul>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1634241266613"><strong class="schema-faq-question">How can I tell the royal icing is the right consistency?</strong> <p class="schema-faq-answer">This part is very important because you don't want the icing to be too thick or too thin. When it's just right, the icing will be thick enough but will not hold its shape and flatten out once it is piped or glazed.</p> </div> </div>



<h2 class="wp-block-heading" id="h-more-cookie-recipes-you-will-love">More Cookie Recipes You Will Love</h2>


<div class='feast-category-index  feast-recipe-index'><ul class="fsri-list feast-grid-half feast-desktop-grid-fourth"><li class="listing-item"><a href="https://joyoliver.com/halloween-chocolate-shortbread-cookies/"><img decoding="async" data-pin-url="https://joyoliver.com/halloween-chocolate-shortbread-cookies/" width="360" height="480" src="https://joyoliver.com/wp-content/uploads/2019/09/IMG_9654-360x480.jpg" class="feast_3x4_thumbnail fsri-image wp-post-image" alt="" data-pin-nopin="true" aria-hidden="true" srcset="https://joyoliver.com/wp-content/uploads/2019/09/IMG_9654-360x480.jpg 360w, https://joyoliver.com/wp-content/uploads/2019/09/IMG_9654-720x960.jpg 720w, https://joyoliver.com/wp-content/uploads/2019/09/IMG_9654-180x240.jpg 180w, https://joyoliver.com/wp-content/uploads/2019/09/IMG_9654-640x853.jpg 640w" sizes="(max-width: 360px) 100vw, 360px" /><div class="fsri-title">Halloween Chocolate Shortbread Cookies</div></a></li><li class="listing-item"><a href="https://joyoliver.com/black-and-white-cookies/"><img decoding="async" data-pin-url="https://joyoliver.com/black-and-white-cookies/" width="360" height="480" src="https://joyoliver.com/wp-content/uploads/2020/08/IMG_5533-360x480.jpg" class="feast_3x4_thumbnail fsri-image wp-post-image" alt="" data-pin-nopin="true" aria-hidden="true" srcset="https://joyoliver.com/wp-content/uploads/2020/08/IMG_5533-360x480.jpg 360w, https://joyoliver.com/wp-content/uploads/2020/08/IMG_5533-720x960.jpg 720w, https://joyoliver.com/wp-content/uploads/2020/08/IMG_5533-180x240.jpg 180w, https://joyoliver.com/wp-content/uploads/2020/08/IMG_5533-640x853.jpg 640w" sizes="(max-width: 360px) 100vw, 360px" /><div class="fsri-title">Black and White Cookies</div></a></li><li class="listing-item"><a href="https://joyoliver.com/soft-almond-sugar-cookies/"><img decoding="async" data-pin-url="https://joyoliver.com/soft-almond-sugar-cookies/" width="360" height="480" src="https://joyoliver.com/wp-content/uploads/2020/12/IMG_9707-360x480.jpg" class="feast_3x4_thumbnail fsri-image wp-post-image" alt="stacked iced snowflake cookies" data-pin-nopin="true" aria-hidden="true" srcset="https://joyoliver.com/wp-content/uploads/2020/12/IMG_9707-360x480.jpg 360w, https://joyoliver.com/wp-content/uploads/2020/12/IMG_9707-720x960.jpg 720w, https://joyoliver.com/wp-content/uploads/2020/12/IMG_9707-180x240.jpg 180w, https://joyoliver.com/wp-content/uploads/2020/12/IMG_9707-640x853.jpg 640w" sizes="(max-width: 360px) 100vw, 360px" /><div class="fsri-title">Soft Almond Sugar Cookie Snowflakes</div></a></li><li class="listing-item"><a href="https://joyoliver.com/hazelnut-plum-linzer-cookies-gluten-free/"><img decoding="async" data-pin-url="https://joyoliver.com/hazelnut-plum-linzer-cookies-gluten-free/" width="360" height="480" src="https://joyoliver.com/wp-content/uploads/2020/01/IMG_1885-360x480.jpg" class="feast_3x4_thumbnail fsri-image wp-post-image" alt="" data-pin-nopin="true" aria-hidden="true" srcset="https://joyoliver.com/wp-content/uploads/2020/01/IMG_1885-360x480.jpg 360w, https://joyoliver.com/wp-content/uploads/2020/01/IMG_1885-720x960.jpg 720w, https://joyoliver.com/wp-content/uploads/2020/01/IMG_1885-180x240.jpg 180w, https://joyoliver.com/wp-content/uploads/2020/01/IMG_1885-640x853.jpg 640w" sizes="(max-width: 360px) 100vw, 360px" /><div class="fsri-title">Hazelnut Plum Linzer Cookies (Gluten Free)</div></a></li></ul></div>



<a class="button tasty-recipes-print-button tasty-recipes-no-print tasty-recipes-print-above-card" href="https://joyoliver.com/spiced-shortbread-cookies/print/8597/">Print</a><span class="tasty-recipes-jump-target" id="tasty-recipes-8597-jump-target" style="display:block;padding-top:2px;margin-top:-2px;"></span><div id="tasty-recipes-8597" data-tr-id="8597" class="tasty-recipes tasty-recipes-8597 tasty-recipes-display tasty-recipes-has-image" data-tasty-recipes-customization="primary-color.background-color primary-color.outline-color">


<h2 class="tasty-recipes-title" data-tasty-recipes-customization="h2-color.color h2-transform.text-transform">Spiced Shortbread Cookies</h2>
<div class="tasty-recipes-image-button-container">
			<div class="tasty-recipes-image">
			<img decoding="async" width="150" height="150" src="https://joyoliver.com/wp-content/uploads/2020/10/IMG_8090-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" data-pin-nopin="true" />		</div>
		<div class="tasty-recipes-buttons">
				<div class="tasty-recipes-button-wrap">
			
<a class="button tasty-recipes-print-button tasty-recipes-no-print" href="https://joyoliver.com/spiced-shortbread-cookies/print/8597/" target="_blank" data-tasty-recipes-customization="">
			<img decoding="async" class="svg-print" data-pin-nopin="true" src="https://joyoliver.com/wp-content/plugins/tasty-recipes/templates/buttons/images/icon-print.png">
		Print Recipe</a>
		</div>
					</div>
</div>
	<div class="tasty-recipes-rating" data-tasty-recipes-customization="body-color.color">
					<p><span class="tasty-recipes-ratings-buttons tasty-recipes-no-ratings-buttons"	data-tr-default-rating="0"	>		<span class="tasty-recipes-rating" >		<i class="checked" data-rating="5">			<span class="tasty-recipes-rating-solid" data-tr-clip="0">				<svg xmlns="http://www.w3.org/2000/svg" viewbox="9 9 46 42" width="18" height="17">	<defs>		<linearGradient id="tasty-recipes-clip-10">			<stop offset="10%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-20">			<stop offset="20%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-30">			<stop offset="30%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-40">			<stop offset="40%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-50">			<stop offset="50%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-60">			<stop offset="60%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-70">			<stop offset="70%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-80">			<stop offset="80%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-90">			<stop offset="90%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>	</defs>	<path d="m46.3 52-14.4-9.5-14.4 9.4L22 35.3 8.7 24.5l17.1-.9 6.2-16 6 16 17.2 1-13.4 10.7z"/></svg>			</span>			<span class="tasty-recipes-screen-reader">				5 Stars			</span>		</i>	</span>		<span class="tasty-recipes-rating" >		<i class="checked" data-rating="4">			<span class="tasty-recipes-rating-solid" data-tr-clip="0">				<svg xmlns="http://www.w3.org/2000/svg" viewbox="9 9 46 42" width="18" height="17">	<defs>		<linearGradient id="tasty-recipes-clip-10">			<stop offset="10%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-20">			<stop offset="20%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-30">			<stop offset="30%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-40">			<stop offset="40%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-50">			<stop offset="50%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-60">			<stop offset="60%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-70">			<stop offset="70%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-80">			<stop offset="80%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-90">			<stop offset="90%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>	</defs>	<path d="m46.3 52-14.4-9.5-14.4 9.4L22 35.3 8.7 24.5l17.1-.9 6.2-16 6 16 17.2 1-13.4 10.7z"/></svg>			</span>			<span class="tasty-recipes-screen-reader">				4 Stars			</span>		</i>	</span>		<span class="tasty-recipes-rating" >		<i class="checked" data-rating="3">			<span class="tasty-recipes-rating-solid" data-tr-clip="0">				<svg xmlns="http://www.w3.org/2000/svg" viewbox="9 9 46 42" width="18" height="17">	<defs>		<linearGradient id="tasty-recipes-clip-10">			<stop offset="10%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-20">			<stop offset="20%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-30">			<stop offset="30%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-40">			<stop offset="40%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-50">			<stop offset="50%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-60">			<stop offset="60%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-70">			<stop offset="70%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-80">			<stop offset="80%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-90">			<stop offset="90%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>	</defs>	<path d="m46.3 52-14.4-9.5-14.4 9.4L22 35.3 8.7 24.5l17.1-.9 6.2-16 6 16 17.2 1-13.4 10.7z"/></svg>			</span>			<span class="tasty-recipes-screen-reader">				3 Stars			</span>		</i>	</span>		<span class="tasty-recipes-rating" >		<i class="checked" data-rating="2">			<span class="tasty-recipes-rating-solid" data-tr-clip="0">				<svg xmlns="http://www.w3.org/2000/svg" viewbox="9 9 46 42" width="18" height="17">	<defs>		<linearGradient id="tasty-recipes-clip-10">			<stop offset="10%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-20">			<stop offset="20%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-30">			<stop offset="30%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-40">			<stop offset="40%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-50">			<stop offset="50%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-60">			<stop offset="60%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-70">			<stop offset="70%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-80">			<stop offset="80%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-90">			<stop offset="90%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>	</defs>	<path d="m46.3 52-14.4-9.5-14.4 9.4L22 35.3 8.7 24.5l17.1-.9 6.2-16 6 16 17.2 1-13.4 10.7z"/></svg>			</span>			<span class="tasty-recipes-screen-reader">				2 Stars			</span>		</i>	</span>		<span class="tasty-recipes-rating" >		<i class="checked" data-rating="1">			<span class="tasty-recipes-rating-solid" data-tr-clip="0">				<svg xmlns="http://www.w3.org/2000/svg" viewbox="9 9 46 42" width="18" height="17">	<defs>		<linearGradient id="tasty-recipes-clip-10">			<stop offset="10%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-20">			<stop offset="20%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-30">			<stop offset="30%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-40">			<stop offset="40%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-50">			<stop offset="50%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-60">			<stop offset="60%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-70">			<stop offset="70%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-80">			<stop offset="80%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>		<linearGradient id="tasty-recipes-clip-90">			<stop offset="90%" stop-color="currentColor"/>			<stop stop-opacity="var(--tr-star-opacity)" offset="0%" stop-color="currentColor"/>		</linearGradient>	</defs>	<path d="m46.3 52-14.4-9.5-14.4 9.4L22 35.3 8.7 24.5l17.1-.9 6.2-16 6 16 17.2 1-13.4 10.7z"/></svg>			</span>			<span class="tasty-recipes-screen-reader">				1 Star			</span>		</i>	</span></span></p>
							<p><span data-tasty-recipes-customization="detail-label-color.color" class="rating-label">No reviews</span></p>
			</div>



	<div class="tasty-recipes-details" data-tasty-recipes-customization="body-color.color">
		<ul>
							<li class="author"><strong data-tasty-recipes-customization="detail-label-color.color" class="tasty-recipes-label">Author:</strong> <a data-tasty-recipes-customization="detail-value-color.color" class="tasty-recipes-author-name" href="https://joyoliver.com/about/">kristen massad</a></li>
					</ul>
	</div>

	<div class="tasty-recipes-ingredients">
		<div class="tasty-recipes-ingredients-header">
			<div class="tasty-recipes-ingredients-clipboard-container">
				<h3 data-tasty-recipes-customization="h3-color.color h3-transform.text-transform">Ingredients</h3>
							</div>
			<div class="tasty-recipes-units-scale-container">
											</div>
		</div>
		<div class="tasty-recipes-ingredients-body" data-tasty-recipes-customization="body-color.color">
			<p><span style="font-weight: 400"><span data-amount="2.5" data-unit="cup">2 ½ Cups</span> All Purpose Flour </span><span style="font-weight: 400"><br />
</span><span style="font-weight: 400">½ teaspoon Ground Cinnamon</span><span style="font-weight: 400"><br />
</span><span style="font-weight: 400">¼ teaspoon Ground Ginger<br />
</span><span style="font-weight: 400">⅛ teaspoon Allspice<br />
</span><span style="font-weight: 400">½ Cup Light Brown Sugar </span><span style="font-weight: 400"><br />
</span><span style="font-weight: 400">1 Cup Unsalted Butter</span><span style="font-weight: 400"><br />
</span><span style="font-weight: 400">1 Egg </span></p>
<p><b>Royal Icing<br />
</b><span style="font-weight: 400">4 Cups Powdered Sugar, sifted </span><span style="font-weight: 400"><br />
</span><span style="font-weight: 400">½ Cup Pasteurized Egg Whites (add more or less depending on consistency) </span></p>
<!--INSIDE_INGREDIENTS-->		</div>
		<div class="tasty-recipes-cook-mode">
	<div class="tasty-recipes-cook-mode__container">
		<label class="tasty-recipes-cook-mode__switch">
			<input type="checkbox" id="tasty_recipes_69fa27e65aae6_cookmode">
			<span class="tasty-recipes-cook-mode__switch-slider tasty-recipes-cook-mode__switch-round"
				data-tasty-recipes-customization="button-color.background button-text-color.color"></span>
		</label>
		<label for="tasty_recipes_69fa27e65aae6_cookmode">
			<span class="tasty-recipes-cook-mode__label">Cook Mode</span>
			<span class="tasty-recipes-cook-mode__helper">
				Prevent your screen from going dark			</span>
		</label>
	</div>
</div>
	</div>

	<div class="tasty-recipe-instructions">
		<div class="tasty-recipes-instructions-header">
			<h3 data-tasty-recipes-customization="h3-color.color h3-transform.text-transform">Instructions</h3>
					</div>
		<div class="tasty-recipes-instructions-body" data-tasty-recipes-customization="body-color.color">
			<p><b>Spiced Shortbread Cookies </b></p>
<ol>
<li id="instruction-step-1" style="font-weight: 400"><span style="font-weight: 400">Preheat oven to 350 degrees F and prepare 2 sheet pans with parchment paper</span></li>
<li id="instruction-step-2" style="font-weight: 400"><span style="font-weight: 400">In a medium bowl, combine the  flour, cinnamon, ginger and allspice; set aside  </span></li>
<li id="instruction-step-3" style="font-weight: 400"><span style="font-weight: 400">In a mixing bowl with paddle attachment, cream together the light brown sugar and butter until light and fluffy, scraping down the sides of the bowl to be sure all ingredients are incorporated </span></li>
<li id="instruction-step-4" style="font-weight: 400"><span style="font-weight: 400">Add the egg to the butter mixture and mix until fully combined </span></li>
<li id="instruction-step-5" style="font-weight: 400"><span style="font-weight: 400">Slowly add the dry ingredients into the butter mixture and mix until the dough comes together; do not overmix</span></li>
<li id="instruction-step-6" style="font-weight: 400"><span style="font-weight: 400">Remove the dough from the bowl and lightly knead together on a floured surface to create a ball </span></li>
<li id="instruction-step-7" style="font-weight: 400"><span style="font-weight: 400">Wrap the ball of dough in plastic wrap and refrigerate for 10 minutes </span></li>
<li id="instruction-step-8" style="font-weight: 400"><span style="font-weight: 400">Remove the dough from the refrigerator and place on a lightly floured surface </span></li>
<li id="instruction-step-9" style="font-weight: 400"><span style="font-weight: 400">Roll the dough out to ¼ inch thick and cut the dough using a three inch pumpkin shaped cookie cutter </span></li>
<li id="instruction-step-10" style="font-weight: 400"><span style="font-weight: 400">Place the cookies on a prepared sheet pan leaving about two inches in between each cookie (they don’t spread a lot)</span></li>
<li id="instruction-step-11" style="font-weight: 400"><span style="font-weight: 400">Bake the cookies for 12 minutes or until the edges have a very light golden color </span></li>
<li id="instruction-step-12" style="font-weight: 400"><span style="font-weight: 400">Remove the cookies from the oven and allow them to cool completely while you prepare the royal icing </span></li>
</ol>
<p><b>Royal Icing Glaze </b></p>
<ol>
<li id="instruction-step-13" style="font-weight: 400"><span style="font-weight: 400">In a mixing bowl with paddle attachment, combine the powdered sugar and egg whites </span></li>
<li id="instruction-step-14" style="font-weight: 400"><span style="font-weight: 400">Mix on medium to high speed until the glaze become smooth and shiny; the glaze with be thick but fall flat once settles </span></li>
<li id="instruction-step-15" style="font-weight: 400"><span style="font-weight: 400">Divide the glaze into ¾ pale orange glaze, ⅛ light brown glaze and ⅛ light green glaze and fill one pastry bag with each color  </span></li>
</ol>
<p><b>Ice &amp; Decorate Cookies </b></p>
<ol>
<li id="instruction-step-16" style="font-weight: 400"><span style="font-weight: 400">Starting with the light orange glaze, outline the perimeter of all of the pumpkin cookies and then draw two lines on the interior of the pumpkin to create the shape; let the outline dry</span></li>
<li id="instruction-step-17" style="font-weight: 400"><span style="font-weight: 400">Using the orange glaze, fill in the two exterior portions of the pumpkin first (leaving the center empty); repeat to complete all the pumpkin cookies; allow the glaze to dry</span></li>
<li id="instruction-step-18" style="font-weight: 400"><span style="font-weight: 400">Once the two exterior portions of the pumpkin are dry, fill in the center portion of the pumpkin and repeat to complete all the pumpkin cookies</span></li>
<li id="instruction-step-19" style="font-weight: 400"><span style="font-weight: 400">Using the light brown glaze, outline the stem of the pumpkin and then fill in the stem; allow the pumpkin and stem to dry before moving on</span></li>
<li id="instruction-step-20" style="font-weight: 400"><span style="font-weight: 400">Once the pumpkin has slightly dried, using the green glaze, pipe a swirl to create a green vine on the pumpkin</span></li>
<li id="instruction-step-21" style="font-weight: 400"><span style="font-weight: 400">Allow the glazed pumpkin cookies to dry completely before serving (approximately 3-4 hour) </span></li>
<li id="instruction-step-22" style="font-weight: 400"><span style="font-weight: 400">If you are wanting to bag or stack the cookies, allow them to dry for approximately 12 hours so that the icing does not get damaged  </span></li>
</ol>
<p>&nbsp;</p>
		</div>
	</div>








<footer class="tasty-recipes-entry-footer">
	<h3 data-tasty-recipes-customization="footer-heading-color.color h3-transform.text-transform footer-heading.innerText">Did you make this recipe?</h3>
	<div data-tasty-recipes-customization="footer-description-color.color footer-description.innerHTML"><p>Tag <a href="https://www.instagram.com/joyandoliver" target="_blank" rel="noreferrer noopener">@joyandoliver</a> on Instagram</p>
</div>
</footer>



<script>
window.trCommon={"minRating":6,"ajaxurl":"https:\/\/joyoliver.com\/wp-admin\/admin-ajax.php","ratingNonce":"","postId":8579};
window.TastyRecipes = window.TastyRecipes || {};

window.TastyRecipes.smoothScroll = {
init() {
document.addEventListener( 'click', ( e ) => {
let anchor = e.target;
if ( anchor.tagName !== 'A' ) {
anchor = anchor.closest( 'a.tasty-recipes-scrollto' );
}

if ( ! anchor || ! anchor.classList.contains( 'tasty-recipes-scrollto' ) ) {
return;
}

const elementHref = anchor.getAttribute( 'href' );
if ( ! elementHref ) {
return;
}

e.preventDefault();
this.goToSelector( elementHref );
});
},
goToSelector( selector ) {
const element = document.querySelector( selector );
if ( ! element ) {
return;
}
element.scrollIntoView( { behavior: 'smooth' } );
}
};

document.addEventListener(
'DOMContentLoaded',
() => window.TastyRecipes.smoothScroll.init()
);

window.TastyRecipes = window.TastyRecipes || {};
window.TastyRecipes.cookMode = {
wakeLockApi: false,
wakeLock: false,
cookModeSelector: '.tasty-recipes-cook-mode',
init() {
if ("wakeLock" in navigator && "request" in navigator.wakeLock) {
this.wakeLockApi = navigator.wakeLock;
}

const cookModes = document.querySelectorAll(this.cookModeSelector);

if (cookModes.length > 0) {
for (const cookMode of cookModes) {
if (this.wakeLockApi) {
cookMode.querySelector('input[type="checkbox"]').addEventListener("change", event => {
this.checkboxChange(event.target);
}, false);
} else {
cookMode.style.display = "none";
}
}
}
},
checkboxChange(checkbox) {
if (checkbox.checked) {
this.lock();
} else {
this.unlock();
}
},
setCheckboxesState(state) {
const checkboxes = document.querySelectorAll(this.cookModeSelector + ' input[type="checkbox"]');
for (const checkbox of checkboxes) {
checkbox.checked = state;
}
},
async lock() {
try {
this.wakeLock = await this.wakeLockApi.request("screen");
this.wakeLock.addEventListener("release", () => {
this.wakeLock = false;
this.setCheckboxesState(false);
});
this.setCheckboxesState(true);
} catch (error) {
this.setCheckboxesState(false);
}
},
unlock() {
if (this.wakeLock) {
this.wakeLock.release();
this.wakeLock = false;
}
this.setCheckboxesState(false);
}
};

(function(callback) {
if (document.readyState !== "loading") {
callback();
} else {
document.addEventListener("DOMContentLoaded", callback);
}
})(() => {
window.TastyRecipes.cookMode.init();
});



window.TastyRecipes = window.TastyRecipes || {};

window.TastyRecipes.staticTooltip = {
element: null,
tooltipElement: null,
deleting: false,
init( element ) {
if ( this.deleting ) {
return;
}
this.element = element;
this.buildElements();
},
destroy() {
if ( ! this.tooltipElement || this.deleting ) {
return;
}

this.deleting = true;
this.tooltipElement.classList.remove( 'opened' );

setTimeout( () => {
this.tooltipElement.remove();
this.deleting = false;
}, 500 );
},
buildElements() {
const tooltipElement = document.createElement( 'div' );
tooltipElement.classList.add( 'tasty-recipes-static-tooltip');
tooltipElement.setAttribute( 'id', 'tasty-recipes-tooltip' );

const currentTooltipElement = document.getElementById( 'tasty-recipes-tooltip' );
if ( currentTooltipElement ) {
document.body.replaceChild( tooltipElement, currentTooltipElement );
} else {
document.body.appendChild( tooltipElement );
}

this.tooltipElement = document.getElementById( 'tasty-recipes-tooltip' );
},
show() {
if ( ! this.tooltipElement ) {
return;
}

const tooltipTop = this.element.getBoundingClientRect().top
+ window.scrollY
- 10 // 10px offset.
- this.tooltipElement.getBoundingClientRect().height;
const tooltipLeft = this.element.getBoundingClientRect().left
- ( this.tooltipElement.getBoundingClientRect().width / 2 )
+ ( this.element.getBoundingClientRect().width / 2 ) - 1;
const posLeft = Math.max( 10, tooltipLeft );
this.maybeRemoveTail( posLeft !== tooltipLeft );

this.tooltipElement.setAttribute( 'style', 'top:' + tooltipTop + 'px;left:' + posLeft + 'px;' );
this.tooltipElement.classList.add( 'opened' );

},
maybeRemoveTail( removeTail ) {
if ( removeTail ) {
this.tooltipElement.classList.add( 'tr-hide-tail' );
} else {
this.tooltipElement.classList.remove( 'tr-hide-tail' );
}
},
changeMessage( message ) {
if ( ! this.tooltipElement ) {
return;
}
this.tooltipElement.innerHTML = message;
}
};

window.TastyRecipes.ajax = {
sendPostRequest( url, data, success, failure ) {
const xhr = new XMLHttpRequest();
xhr.open( 'POST', url, true );
xhr.send( this.preparePostData( data ) );

xhr.onreadystatechange = () => {
if ( 4 !== xhr.readyState ) {
return;
}
if ( xhr.status === 200 ) {
success( JSON.parse( xhr.responseText ) );
return;
}

failure( xhr );
};

xhr.onerror = () => {
failure( xhr );
};
},
preparePostData( data ) {
const formData = new FormData();

for ( const key in data ) {
formData.append( key, data[key] );
}
return formData;
},
};

window.TastyRecipes.ratings = {
defaultRating: 0,
currentRatingPercentage: 100,
savingRating: false,
init( minRating ) {
this.minRating = minRating;

this.formWatchRating();
this.closeTooltipWhenClickOutside();
this.addBodyClassBasedOnSelectedRating();
this.backwardCompFormRatingPosition();
},
formWatchRating() {
const ratings = document.querySelectorAll('.tasty-recipes-no-ratings-buttons [data-rating]');
if ( ratings.length <= 0 ) {
return;
}
for ( const rating of ratings ) {
rating.addEventListener( 'click', event => {
event.preventDefault();
this.defaultRating = event.target.closest( '.checked' ).dataset.rating;
this.setCheckedStar( event.target );
this.maybeSendRating( this.defaultRating, event.target );
this.setRatingInForm( this.defaultRating );
} );
}
},
closeTooltipWhenClickOutside() {
window.addEventListener( 'click', e => {
// Bailout (don't remove the tooltip) when the clicked element is a rating star, or it's the tooltip itself.
if ( e.target.closest( '.tasty-recipes-rating' ) || e.target.classList.contains( 'tasty-recipes-static-tooltip' ) ) {
return;
}

window.TastyRecipes.staticTooltip.destroy();
} );
},
 setRatingInForm( rating ) {
const ratingInput = document.querySelector( '#respond .tasty-recipes-rating[value="' + rating + '"]' );
if ( ! ratingInput ) {
return;
}
ratingInput.click();
},
addBodyClassBasedOnSelectedRating() {
const ratingInputs = document.querySelectorAll( 'input.tasty-recipes-rating' );
if ( ! ratingInputs ) {
return;
}
for ( const ratingInput of ratingInputs ) {
ratingInput.addEventListener( 'click', currentEvent => {
const selectedRating = currentEvent.target.getAttribute( 'value' );
this.handleBodyClassByRating( selectedRating );
this.toggleCommentTextareaRequired( selectedRating );
} );
}
},
handleBodyClassByRating( rating ) {
if ( rating < this.minRating ) {
document.body.classList.remove( 'tasty-recipes-selected-minimum-rating' );
return;
}
document.body.classList.add( 'tasty-recipes-selected-minimum-rating' );
},
toggleCommentTextareaRequired( rating ) {
const commentTextarea = document.getElementById( 'comment' );
if ( ! commentTextarea ) {
return;
}

if ( rating < this.minRating ) {
commentTextarea.setAttribute( 'required', '' );
return;
}

commentTextarea.removeAttribute( 'required' );
},
maybeSendRating( rating, element ) {
if ( this.savingRating === rating ) {
return;
}

this.savingRating = rating;
window.TastyRecipes.staticTooltip.init( element );

const recipeCardElement = element.closest( '.tasty-recipes' );
if ( ! recipeCardElement ) {
window.TastyRecipes.staticTooltip.destroy();
return;
}

window.TastyRecipes.ajax.sendPostRequest(
window.trCommon.ajaxurl,
{
action: 'tasty_recipes_save_rating',
rating,
nonce: window.trCommon.ratingNonce,
post_id: window.trCommon.postId,
recipe_id: recipeCardElement.dataset.trId,
},
( response ) => {
window.TastyRecipes.staticTooltip.changeMessage( response.data.message );
window.TastyRecipes.staticTooltip.show();
this.updateAverageText( response.data, recipeCardElement );
this.maybeFillCommentForm( response.data );

// Hide the tooltip after 5 seconds.
setTimeout( () => {
this.maybeResetTooltip( recipeCardElement, response.data, rating );
}, 5000 );
},
() => {
this.resetTooltip( recipeCardElement );
}
);
},
updateAverageText( data, recipeCardElement ) {
if ( ! data.average ) {
return;
}
this.setRatingPercent( data );

if ( ! data.count ) {
return;
}

const quickLink = document.querySelector( '.tasty-recipes-rating-link' );
if ( quickLink ) {
this.setTextInContainer( quickLink, data );
this.setPartialStar( quickLink );
}

const cardStars = recipeCardElement.querySelector( '.tasty-recipes-ratings-buttons' );
cardStars.dataset.trDefaultRating = data.average;
this.setTextInContainer( recipeCardElement.querySelector( '.tasty-recipes-rating' ), data );
},
setTextInContainer( container, data ) {
if ( ! container ) {
return;
}

if ( data.label ) {
const ratingLabelElement = container.querySelector( '.rating-label' );
if ( ratingLabelElement ) {
ratingLabelElement.innerHTML = data.label;
}
return;
}

const averageElement = container.querySelector( '.average' );
if ( averageElement ) {
averageElement.textContent = data.average;
}

const countElement = container.querySelector( '.count' );
if ( countElement ) {
countElement.textContent = data.count;
}
},
setPartialStar( container ) {
const highestStar = container.querySelector( '[data-rating="' + Math.ceil( this.defaultRating ) + '"]' );
if ( highestStar ) {
highestStar.dataset.trClip = this.currentRatingPercentage;
}
},
setRatingPercent( data ) {
this.defaultRating = data.average.toFixed( 1 );
const parts = data.average.toFixed( 2 ).toString().split( '.' );
this.currentRatingPercentage = parts[1] ? parts[1] : 100;
if ( this.currentRatingPercentage === '00' ) {
this.currentRatingPercentage = 100;
}
},
setCheckedStar( target ) {
const cardRatingContainer = target.closest( '.tasty-recipes-ratings-buttons' );
const selectedRatingElement = cardRatingContainer.querySelector( '[data-tr-checked]' );
if ( selectedRatingElement ) {
delete selectedRatingElement.dataset.trChecked;
}

const thisStar = target.closest( '.tasty-recipes-rating' );
thisStar.dataset.trChecked = 1;
thisStar.querySelector( '[data-tr-clip]' ).dataset.trClip = 100;
},
maybeFillCommentForm( data ) {
if ( ! data.comment || ! data.comment.content ) {
return;
}

const commentForm = document.querySelector( '#commentform' );
if ( ! commentForm ) {
return;
}

const commentBox = commentForm.querySelector( '[name=comment]' );
if ( ! commentBox || commentBox.value ) {
return;
}

// Add comment details for editing.
commentBox.innerHTML = data.comment.content;
if ( data.comment.name ) {
commentForm.querySelector( '[name=author]' ).value = data.comment.name;
commentForm.querySelector( '[name=email]' ).value = data.comment.email;
}
},
maybeResetTooltip( recipeCardElement, data, rating ) {
if ( this.savingRating === rating ) {
this.resetTooltip( recipeCardElement, data );
}
},
resetTooltip( recipeCardElement, data ) {
window.TastyRecipes.staticTooltip.destroy();
this.savingRating = false;

// Reset the default rating.
const cardRatingContainer = recipeCardElement.querySelector( '.tasty-recipes-ratings-buttons' );
if ( cardRatingContainer ) {
this.defaultRating = ( data && data.average ) ? data.average.toFixed(1) : cardRatingContainer.dataset.trDefaultRating;
cardRatingContainer.dataset.trDefaultRating = this.defaultRating;

this.resetSelectedStar( cardRatingContainer, data );
}
},
resetSelectedStar( cardRatingContainer ) {
const selectedRatingElement = cardRatingContainer.querySelector( '[data-rating="' + Math.ceil( this.defaultRating ) + '"]' );
if ( selectedRatingElement ) {
selectedRatingElement.querySelector( '[data-tr-clip]' ).dataset.trClip = this.currentRatingPercentage;
selectedRatingElement.parentNode.dataset.trChecked = 1;
}

const previousSelectedElement= cardRatingContainer.querySelector( '[data-tr-checked]' );
if ( previousSelectedElement ) {
const currentSelectedRating = previousSelectedElement.querySelector('[data-rating]');
if ( currentSelectedRating !== selectedRatingElement ) {
delete previousSelectedElement.dataset.trChecked;
}
}
},
backwardCompFormRatingPosition() {
const ratingsButtons = document.querySelector( '#respond .tasty-recipes-ratings-buttons, #tasty-recipes-comment-rating .tasty-recipes-ratings-buttons' );
if ( ! ratingsButtons ) {
return;
}
const ratingsButtonsStyles = window.getComputedStyle(ratingsButtons);
if ( ! ratingsButtonsStyles.display.includes( 'flex' ) ) {
ratingsButtons.style.direction = 'rtl';
}

if ( typeof tastyRecipesRating !== 'undefined' ) {
// Select the rating that was previously selected in admin.
ratingsButtons.querySelector( '.tasty-recipes-rating[value="' + tastyRecipesRating + '"]' ).checked = true;
}

const ratingSpans = ratingsButtons.querySelectorAll( '.tasty-recipes-rating' );
for (const ratingSpan of ratingSpans) {
ratingSpan.addEventListener( 'click', event => {
if ( ratingSpan === event.target ) {
return;
}
ratingSpan.previousElementSibling.click();
} );
}
}
};

(function(callback) {
if (document.readyState !== "loading") {
callback();
} else {
window.addEventListener( 'load', callback );
}
})(() => {
window.TastyRecipes.ratings.init( window.trCommon ? window.trCommon.minRating : 4 );
});
</script></div>


<div class="wp-block-image"><figure class="aligncenter size-full"><img decoding="async" width="726" height="307" data-pin-title="Spiced Shortbread Cookies" src="https://joyoliver.com/wp-content/uploads/2019/05/Joy-Oliver-Signature.png" alt="" class="wp-image-4929" srcset="https://joyoliver.com/wp-content/uploads/2019/05/Joy-Oliver-Signature.png 726w, https://joyoliver.com/wp-content/uploads/2019/05/Joy-Oliver-Signature-410x173.png 410w" sizes="(max-width: 726px) 100vw, 726px" /></figure></div>
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fjoyoliver.com%2Fspiced-shortbread-cookies%2F&amp;linkname=Spiced%20Shortbread%20Cookies" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fjoyoliver.com%2Fspiced-shortbread-cookies%2F&amp;linkname=Spiced%20Shortbread%20Cookies" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fjoyoliver.com%2Fspiced-shortbread-cookies%2F&amp;linkname=Spiced%20Shortbread%20Cookies" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_tumblr" href="https://www.addtoany.com/add_to/tumblr?linkurl=https%3A%2F%2Fjoyoliver.com%2Fspiced-shortbread-cookies%2F&amp;linkname=Spiced%20Shortbread%20Cookies" title="Tumblr" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_yummly" href="https://www.addtoany.com/add_to/yummly?linkurl=https%3A%2F%2Fjoyoliver.com%2Fspiced-shortbread-cookies%2F&amp;linkname=Spiced%20Shortbread%20Cookies" title="Yummly" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fjoyoliver.com%2Fspiced-shortbread-cookies%2F&#038;title=Spiced%20Shortbread%20Cookies" data-a2a-url="https://joyoliver.com/spiced-shortbread-cookies/" data-a2a-title="Spiced Shortbread Cookies"></a></p>]]></content:encoded>
			<wfw:commentRss>https://joyoliver.com/spiced-shortbread-cookies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
