# Embed html form - format issue - css fix?

**URL:** <https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972>\
**Category:** RapidWeaver Classic\
**Created:** [July 15, 2021, 7:10pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972 "2021-07-15T19:10:38Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![keith3](https://avatars.discourse-cdn.com/v4/letter/k/8dc957/32.png) [@keith3](https://forums.realmacsoftware.com/u/keith3)\
**Post date:** [July 15, 2021, 7:10pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/1 "2021-07-15T19:10:39Z")

</div>

I’m trying to embed a form into a site using the html embed code (from groove funnels). Adding the code to a html stack using a ‘Blank’ theme (PURE) it works perfectly.

When I do the same to the site with the theme I’m using, the formatting is all over the place… Is this something I can fix with CSS ? - guess I need to clear the theme formatting for the html stack - is the possible?

Problem themed test page here  
[https://hdstherapy.com/formtest/](https://hdstherapy.com/formtest/)

Grateful for any advice  
Thanks - Keith

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [July 15, 2021, 8:34pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/2 "2021-07-15T20:34:05Z")

</div>

You’ll need to be more specific when you say ‘all over the place’. What’s wrong the form from your point of view? I can see it spans the full width of the site - is that the issue or something else?

If you can demonstrate how you’d like it to look, that would help us to help you.

Rob

---

<div class="post-metadata">

**Author:** ![keith3](https://avatars.discourse-cdn.com/v4/letter/k/8dc957/32.png) [@keith3](https://forums.realmacsoftware.com/u/keith3)\
**Post date:** [July 15, 2021, 10:15pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/3 "2021-07-15T22:15:03Z")

</div>

Hi Rob - fair point…

This is what the form looks like in simple theme (the theme is called Pure) and is basically what it should look like - only full width, I can change width ok if I can loose the overlapping etc.  
[www.hdstherapy.com/formtest2](http://www.hdstherapy.com/formtest2)

Thanks - Keith

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [July 16, 2021, 10:41am UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/5 "2021-07-16T10:41:31Z")

</div>

Try this in the Custom CSS panel

```
.groovemail-form-raw-html-embed-border {
border-width: none; 
}
```

---

<div class="post-metadata">

**Author:** ![keith3](https://avatars.discourse-cdn.com/v4/letter/k/8dc957/32.png) [@keith3](https://forums.realmacsoftware.com/u/keith3)\
**Post date:** [July 16, 2021, 8:36pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/6 "2021-07-16T20:36:14Z")

</div>

Hi Rob, Thanks for the suggestion. I’m afraid it didn’t change anything but it made me look at CSS commands on [W3schools.com](http://W3schools.com) and try a few in the custom CSS panel.  
This seems to be going in the right direction:

```
.groovemail-form-raw-html-embed-border div {

```

width: 350px;  
padding: 0px;  
margin: 0px;  
}

Not sure why I’m seeing extra boxes behind the input fields, guess I need to look at the groove funnels code… Updated page:  
[https://hdstherapy.com/formtest/](https://hdstherapy.com/formtest/)

Groove funnels also provide Java script but not sure how to use this, will do a search.  
Thanks again for your help

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [July 16, 2021, 8:57pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/7 "2021-07-16T20:57:33Z")

</div>

Sorry about that. Any particular reason you want to use this form as opposed to the built in RW one or a Stacks-based on like Doobox’ HTML form?

Rob

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [July 16, 2021, 9:07pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/8 "2021-07-16T21:07:41Z")

</div>

> [@robbeattie](#):
>
> `border-width: none; `

I don’t think `none` is valid.

try:  
` border-width: 0;`

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [July 16, 2021, 9:14pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/9 "2021-07-16T21:14:52Z")

</div>

In addition if you want to make the form 350px wide try this:

```auto
form {
    width: 350px;
    margin: 0 auto;
}

```

The margin will center in availble space.

 ![2021-07-16_14-14-30](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/e/8ef0e0cf78b61060651578f3ea87c83aa978acf6.png)

---

<div class="post-metadata">

**Author:** ![keith3](https://avatars.discourse-cdn.com/v4/letter/k/8dc957/32.png) [@keith3](https://forums.realmacsoftware.com/u/keith3)\
**Post date:** [July 16, 2021, 9:46pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/10 "2021-07-16T21:46:55Z")

</div>

I want to use the Groove forms as Groove provide an automated sales funnel, auto responder, membership sites, webinar function, video hosting etc. A lot of services under one roof - [https://www.clickmelink.com/free-sales-funnels](https://www.clickmelink.com/free-sales-funnels)

---

<div class="post-metadata">

**Author:** ![keith3](https://avatars.discourse-cdn.com/v4/letter/k/8dc957/32.png) [@keith3](https://forums.realmacsoftware.com/u/keith3)\
**Post date:** [July 16, 2021, 9:52pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/11 "2021-07-16T21:52:32Z")

</div>

Thanks

.groovemail-form-raw-html-embed-border div {  
border-width: none;  
width: 350px;  
margin: 0 auto;  
}

Thats now looking better - still need to work out where the background boxes are coming from

Thanks Teefer and Rob for your help… getting there slowly and learning along the way 🙂

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [July 16, 2021, 10:13pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/12 "2021-07-16T22:13:14Z")

</div>

> [@keith3](#):
>
> .groovemail-form-raw-html-embed-border div  
> border-width: none;

**none** is not valid.  
 ![2021-07-16_15-10-15](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/2/123cf5f171554d693a5f4a1011e31183d7a043dd.png)

> [@teefers](#):
>
> try:  
> ` border-width: 0;`

---

<div class="post-metadata">

**Author:** ![keith3](https://avatars.discourse-cdn.com/v4/letter/k/8dc957/32.png) [@keith3](https://forums.realmacsoftware.com/u/keith3)\
**Post date:** [July 16, 2021, 10:27pm UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/13 "2021-07-16T22:27:35Z")

</div>

Awesome…!!!  
Thats fixed it, Brilliant thanks so much guys for your help.  
Cheers - Keith

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [August 16, 2021, 8:28am UTC](https://forums.realmacsoftware.com/t/embed-html-form-format-issue-css-fix/39972/14 "2021-08-16T08:28:17Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
