WordPress.com

1. oneequalstwo
   Member
   Dec 19, 2011, 11:34 AM

   Hi there. I have two recipes per post. I would like to delete the large space between each recipe heading and the ingredients list. The headings are a larger font than the ingredients, coloured, and bold. I guess I need them to work as characters (rather than paragraphs) with a forced return. Is this possible? Thanks

   The blog I need help with is oneequalstwo.wordpress.com.

2. thesacredpath
   Member
   Dec 19, 2011, 6:04 PM

   Add this to your custom CSS and then call it as a "class" for the paragraph containing the header for the recipe instead of using the "inline" CSS.

   .my-header {
   color: #808000;
   font-size: 125%;
   font-weight: bold;
   margin-bottom: 0.7em;
   }

   Then you would do this for the recipe headings in the HTML tab. It sets the base color as the green, so you would have to change the color or [Recipe 1] with a "span" like you have been doing, maybe via the font-color button in the visual editor.

   <p class="my-header"><span style="color:#ff6600;">[Recipe 1]</span> Really Simple Yummy Cookies</p>

3. oneequalstwo
   Member
   Dec 19, 2011, 7:47 PM

   Thank you very much!

4. thesacredpath
   Member
   Dec 19, 2011, 7:53 PM

   You are welcome.

Topic Closed

This topic has been closed to new replies.