Email Form on Header

Hi,

I've read other posts on the matter but I am having trouble.

I have published ACY Mailing to Header and also included the fix to the CSS to make sure it stays transparent when you hover over it with the mouse.

However, I want it to look exactly like the Demo with the transparent box behind the form...how can I do this?

Thank You

Jamie

I have managed to get the transparent background now.

How do I make the ACY Module look like the demo form and how do I make it responsive?

Thank You

Jamie

OK so for those that are struggling, I have managed to get it sorted.

I went into the header module and deleted the form section of HTML.

I downloaded ACY Mailing Component and published the module in the header position.

Once published make sure you have the module set as gk-form and also make sure that the style is set as gk simplicity.

Then I added these two lines to the ACY Mailing Module CSS

.acymailing_form p{ float:left; }
.acymailing_form span input{ margin-top: 10px; }

Then I went into GK Simplicity template CSS and changed the gk-form width to the appropriate width to make that transparent box fit nicely. (this will then centre the form on the page too)

Sorted!