Spaces after headings within posts

• 

  oneequalstwo · Member · Dec 19, 2011 at 11:34 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 19, 2011 at 6:04 pm

  • Copy link

  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>

• 

  oneequalstwo · Member · Dec 19, 2011 at 7:47 pm

  • Copy link

  Thank you very much!

• 

  thesacredpath · Member · Dec 19, 2011 at 7:53 pm

  • Copy link

  You are welcome.