Wordpress Themes - WP Forum at BFA - Replacing rss/email/comments icons in top left of header with newsletter

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - Replacing rss/email/comments icons in top left of header with newsletter (http://forum.bytesforall.com/showthread.php?t=5506)

Replacing rss/email/comments icons in top left of header with newsletter

wp 2.92.
Ata 3.4.5
http://beta.typebooks.ca/

how do I add a newsletter subscription box to the area of the header where the rss/email/comments are as I am using them in my sidebar.

Any help will be met with a donation.

Thanks

do you have the HTML for this newsletter subscription?

I have put the code in the horizontal box, but would like to move it where I mentioned before.

have a look
wp 2.92.
Ata 3.4.5
http://beta.typebooks.ca/

Where exactly do you want it? centered? on teh left?on the right? as one line? multiple lines?

Note you need to add an '<' before the word 'form' so it is '<form' - that's why you see the

HTML Code:

form action="http://spallan.createsend.com/t/r/s/wljjt/" method="post">

line on the page and get rid or the ';' at the end. Actually remove it from where everyou placed it and change yout ATO->Style & edit HEADER AREA->Configure Header Area to this

HTML Code:

%pages %logo <div id="header_subscribe"><form action="http://spallan.createsend.com/t/r/s/wljjt/" method="post">

<div><center>

<label for="wljjt-wljjt">

<span style="font-family:Helvetica;font-size:14px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:none;color:000000;background-color:GGGGGG;">Subscribe to our email <a href="http://www.typebooks.ca/news/april_09.html">newsletter</a>! Enter your email address: </span></label><input type="text" name="cm-wljjt-wljjt" id="wljjt-wljjt" /><input type="submit" value="Subscribe" />

</div></center>

</form></div> %bar1 %image %bar2

then add this to ato->Add HTML/CSS Inserts->CSS Insert

HTML Code:

div#header_subscribe { 

position: relative; 

top: -50px; 

z-index:4;}

you can play with the 'top: -50px;' to get it to where you want it
you can add 'left: -40px;' to adjust the position also
if you want to have multiple lines like this

Subscribe to our email newsletter!
Enter your email
<--space for email address-->

add a '<br>' where you want the break to be.

It didn't work out, perhaps I did something wrong. When I moved the box the background color stayed, and when I put the <br> in I could n't egt them to line up.

ANYWAY, is their a way to put a background color in the box where it is now? I tried changing it in the code you gave me but it didn't make any changes

http://beta.typebooks.ca/