Spaces after headings within posts

  • Author
  • #780330


    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


    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>



    Thank you very much!


    You are welcome.

The topic ‘Spaces after headings within posts’ is closed to new replies.