How can I stop RefineryCMS from adding <p> tags around text?

Question

I created a controller for "products" to be added into my app that is utilizing the Refinery CMS.

Hhere is the code for the page in show.html.erb

<div>
  <h3>Feedback Sought</h3>
  <p>
    <%=raw @product.description %>
  </p>
</div>

But this is what is actually produced in the live page.



For the meantime I can implement a digsuting hack of removing the margin by targeting the element, like

.productFeedbackDescription p { margin: 0; }

and then doing inline css along the lines of

<p style="margin-bottom: 12px;">
  <%=raw @product.description %>
</p>

Answer 1

By default Refinery adds <p> tags in the template.

And by default, using the WYSIWYG editor also adds <p> tags. So I manually removed the <p> tags from the template.

For reference, this was the default code generated by refinery when I create the controller

<section>
  <h1>Product Summary</h1>
  <p>
    <%=raw @product.product %>
  </p>
</section>

Now my code is

<div>
  <h3>Product Summary</h3>
  <%=raw @product.product %>
</div> 

Here is a screenshot of the code now generated as live in page.