Newsletter Made Simple

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
velvet_grooves
Forum Members
Forum Members
Posts: 54
Joined: Mon Oct 18, 2010 1:33 am

Newsletter Made Simple

Post by velvet_grooves »

Hey there,

This is the first of a load of questions I'll ask on the forum as I'm working on an e-commerce site. But for now, I'm just after one simple thing, and it's to do with Newsletter Made Simple.

I've managed to put a subscribe form on the front page, but I'd like to alter the width of the text input field, and change the submit button to a graphic. Is this posslble? There must be a template for the form somewhere. I've looked in the code, and there is one, but I've also looked in the FTP at the templates provided, and it doesn't use the same code.

Any help would be appreciated. Thanks.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Newsletter Made Simple

Post by Dr.CSS »

The form is controlled by the template you see in the newsletter admin, it can all be changed with CSS, Ive done it many times...
User avatar
MikeTroop74
Forum Members
Forum Members
Posts: 65
Joined: Thu Oct 14, 2010 6:58 pm

Re: Newsletter Made Simple

Post by MikeTroop74 »

Dr.CSS wrote: The form is controlled by the template you see in the newsletter admin, it can all be changed with CSS, Ive done it many times...
Have any examples? I don't even know where to start.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Newsletter Made Simple

Post by Dr.CSS »

The default template that comes with newsletter for sign up has almost nothing around the labels or inputs, I add what I need around them to be able to target them...

From this...

{if $message ne ""}

{$message}

{/if}
{$formstart}
{$formhidden}
        {if $prompt_email ne ""}
{$prompt_email}: {$email}

        {/if}
        {if $prompt_username ne ""}
                {$prompt_username}: {$username}

        {/if}
{foreach from=$listids item=curr_id}
  {$curr_id}
{/foreach}
{$submitbtn}
{$formend}

To this...

{if $message ne ""}

{$message}

{/if}
{$formstart}
{$formhidden}
        {if $prompt_email ne ""}
        Join Our Newsletter
      Get regular updates, discounts and all the specials, coupons and much more.

        {if $prompt_username ne ""}
                {$prompt_username}: {$username}

        {/if}
{$prompt_email}: {$email}

        {/if}
{foreach from=$listids item=curr_id}
  {$curr_id}
{/foreach}
{$submitbtn}

{$formend}

Then do my css to get this, sign up in left side...

http://wellmangchi.com/about-us.html
User avatar
MikeTroop74
Forum Members
Forum Members
Posts: 65
Joined: Thu Oct 14, 2010 6:58 pm

Re: Newsletter Made Simple

Post by MikeTroop74 »

That's awesome! This is the best way for me to learn how this all works. Thank you for sharing.
elkman
Power Poster
Power Poster
Posts: 262
Joined: Thu Jan 11, 2007 9:16 pm

Re: Newsletter Made Simple

Post by elkman »

I agree.  Seeing actual examples makes it much easier to do then having to do trial and error while wondering if you're on the right path.

Thanks Dr. CSS.
Post Reply

Return to “Layout and Design (CSS & HTML)”