Delete picture in recipe, and CSS styling
-
I’m tryin to figure out whether to use Easyrecipe on https://www.donostia.se; if so I’ll go Pro, but while testing I’ll stick to free version – sorry about that.
I have couple of issues around image management.
1. How do I delete an image? I added the image with [ img …/], and it worked fairly well. For some obscure reason the inline code was replaced with [img:1], which when deleted does not delete the image. It is still contained “within” the EasyRecipe code.
Here’s the code from my testpage.<div class="easyrecipeWrapper mceNonEditable"> <div class="easyrecipeAbove mceNonEditable"><input class="ERInsertLine mceNonEditable" type="button" value="Insert line above" /></div> <div class="easyrecipe mceNonEditable" data-rating="0"> <link itemprop="image" href="https://www.donostia.se/wp-content/uploads/2014/12/20141212_184307_50percent.jpg" /> <div class="item ERName">L?ttgravad r?ding med ramsl?ksmajonn?s</div> <div class="ERClear"></div> <div class="ERHead"><span class="xlate">Recipe Type</span>: <span class="type">Svenska pintxos</span></div> <div class="ERHead">Author: <span class="author">Donostia</span></div> <div class="ERHead">Prep time: <time itemprop="prepTime" datetime="PT45M">45 mins</time></div> <div class="ERHead">Cook time: <time itemprop="cookTime" datetime="PT30M">30 mins</time></div> <div class="ERHead">Total time: <time itemprop="totalTime" datetime="PT1H15M">1 hour 15 mins</time></div> <div class="ERHead">Serves: <span class="yield">8</span></div> <div class="ERSummary summary">Klassiska svenska ingredienser som tunnbr?d, r?ding och ramsl?k. Kombinerat till en pintxo med svensk sommark?nsla. Mmm…</div> <div class="ERIngredients"> <div class="ERIngredientsHeader">Ingredients</div> <ul class="ingredients"> <li class="ERSeparator">L?ttgravad r?ding</li> <li class="ingredient">250 gr r?dingfilé, knappt en hel fisk</li> <li class="ingredient">1,5 msk salt</li> <li class="ingredient">1,5 msk socker</li> <li class="ingredient">1 krm vitpeppar</li> <li class="ERSeparator">Ramsl?ksmajonn?s</li> <li class="ingredient">15 st ramsl?ksblad, f?rv?llda (eller 3 msk torkad ramsl?k)</li> <li class="ingredient">2 dl solrosolja (eller annat neutral olja)</li> <li class="ingredient">1 st ?ggula, rumstermpererad</li> <li class="ingredient">? citron</li> <li class="ingredient">1 krm salt</li> <li class="ingredient">1 krm vitpeppar</li> <li class="ERSeparator">?vrigt</li> <li class="ingredient">2 st skivor mjukt tunnbr?d</li> <li class="ingredient">Persilja</li> </ul> </div> <div class="ERInstructions"> <div class="ERInstructionsHeader">Instructions</div> <div class="instructions"> <div class="ERSeparator">F?rbered r?dingen (b?r g?ras dagen innan)</div> <ol> <li class="instruction">Filéa r?dingen, och l?gg fiskskinnet ?t sidan.</li> <li class="instruction">Frys r?dingen i minst 24 timmar (f?r att d?da eventuella parasiter).</li> <li class="instruction">Odlad lax anses numer vara fri fr?n parasiter, s? om du valt Salma eller annan odlad lax s? beh?ver den inte frysas-</li> </ol> <div class="ERSeparator">Fiskskinnet (kan g?ras dagen innan)</div> <ol> <li class="instruction">S?tt p? ugnen p? 160 grader</li> <li class="instruction">Skrapa rent fiskskinnet fr?n alla rester av fiskk?ttet.</li> <li class="instruction">Sm?lt sm?r och pensla p? fiskskinnet, samt salta.</li> <li class="instruction">L?gg mellan silpatdukar (se faktaruta nedan) i c:a 30 min. De har d? torkat, men ?r inte knastertorra utan g?r fortfarande att sk?ra i.</li> <li class="instruction">Sk?r snygga strimlor c:a 1x4 cm.</li> <li class="instruction">L?gg in i ugnen igen i c:a 30 minuter</li> <li class="instruction">Strimlorna ?r klara, l?gg undan i en luftt?t burk till monteringen.</li> </ol> <div class="ERSeparator">Majonn?sen (kan g?ras dagen innan)</div> <ol> <li class="instruction">Mixa oljan med ramsl?ken tills du har en s? sl?t olja som m?jligt.</li> <li class="instruction">Mixa en ?ggula i matberedare med kniv eller med handmixer.</li> <li class="instruction">Tills?tter oljan f?rst droppvis sedan i en tunn str?le.</li> <li class="instruction">Smaka av med citronsaft, salt och vitpeppar.</li> <li class="instruction">L?t st? en halvtimme i kylen f?r att smakerna ska framtr?da.</li> </ol> <div class="ERSeparator">R?dingen</div> <ol> <li class="instruction">L?t r?dingen tina i kyl eller rumstemperatur</li> <li class="instruction">Blanda salt och socker p? en tallrik och v?nd fiskfiléerna i blandningen.</li> <li class="instruction">L?gg i en plastp?se, och grava i kylen 30-60 minuter.</li> <li class="instruction">Ta fram ur p?sen och torka av ?verfl?digt socker/salt med hush?llspapper.</li> <li class="instruction">Sk?r den i centimeterstora bitar.</li> </ol> <div class="ERSeparator">Br?det</div> <ol> <li class="instruction">Sk?r det mjuka tunnbr?det i lagom stora bitar – fj?rdedelar av ett ark brukar vara lagom.</li> <li class="instruction">Stek l?tt p? medelh?g v?rme med en liten gnutta sm?r. Br?det skall bli knaprigt, men utan att ta f?rg.</li> </ol> <div class="ERSeparator">Fiskskinnet</div> <ol> <li class="instruction">Pensla l?tt med sm?r och smaka av med salt.</li> </ol> <div class="ERSeparator">Montera som f?ljer:</div> <ol> <li class="instruction">Br?d</li> <li class="instruction">R?ding</li> <li class="instruction">Majonn?s</li> <li class="instruction">Dekorera med en remsa fiskskinn och persilja</li> </ol> </div> </div> <div class="ERNutrition"></div> <div> <div class="ERNotesHeader">Notes</div> <div class="ERNotes">Den h?r pintxon ?r perfekt att g?ra n?r ramsl?ken finns f?rsk p? sensommaren, men passa g?rna p? att frysa n?gra blad f?r anv?ndning under resten av ?ret. Eller anv?nd torkad ramsl?k, det g?r ocks? bra. R?ding finns ofta till bra priser p? matbutikerna nu f?r tiden, men det blir bra med lax ocks? – odlad lax har ju dessutom f?rdelen att du inte beh?ver frysa fisken innan tillagning numer. Tunnbr?det passar perfekt till, men h?rt tunnbr?d blir fort uppbl?tt av fisken och majonn?sen, medan stekt, mjukt, tunnbr?d klarar sig b?ttre.</div> </div> <div class="endeasyrecipe" style="display: none;">3.2.2885</div> </div> </div> ?
I’ve tried to remove the div with the image, and guessed at the trailing /div, but that just confuses the plug in.
2. I want to use the Celebration style (or something similar), and style it myself.
a) What’s the proper way of styling it? In the daughter themes’s css, or on the “Geeky” tab. What’s the possible objects/properties/values that I can change?
3. Is there a way to use a smaller picture, left-align it, and flow the text around it?
- The topic ‘Delete picture in recipe, and CSS styling’ is closed to new replies.