Delete picture in recipe, and CSS styling
-
I’m tryin to figure out whether to use Easyrecipe on http://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="http://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.