Forums / Templates, Stylesheets, Page Layout / newsletter subscribe mod and css

newsletter subscribe mod and css

Locked

Views: 4,972

Results 1 to 17 of 17
This thread is locked. New replies are disabled.
23 Nov 2006, 8:41 PM
#1
baccalao avatar

baccalao

New Zenner

Join Date:
Jan 2006
Posts:
6
Plugin Contributions:
0

newsletter subscribe mod and css

I have put the "newsletter subscribe only" mod to my cart. This means a new page are added - subscribe. The CSS does not work for this page. I understand I have to make changes to the CSS-file, but do not understand how? What should I put in here? If anybody could help I would be happy.

27 Nov 2006, 3:41 AM
#2
pensive612 avatar

pensive612

Zen Follower

Join Date:
May 2006
Posts:
313
Plugin Contributions:
0

Re: newsletter subscribe mod and css

can you give us a link to the page you're talking about?

and what you are trying to do with it?

  • pensive612
28 Nov 2006, 6:39 AM
#3
baccalao avatar

baccalao

New Zenner

Join Date:
Jan 2006
Posts:
6
Plugin Contributions:
0

Re: newsletter subscribe mod and css

Thank you for answering. The problem I had disappeared when I moved the cart from local to server outside. For a reason I do not know. But there is still one more challenge. In the left column, there is the oppurtunity to make a newsletter only subscription. I want the background here to be gray as well, like the rest of the column. I'm a little lost in the css so I would be thankful for help. Take a look at https://www.skolseg.no

28 Nov 2006, 7:17 AM
#4
pensive612 avatar

pensive612

Zen Follower

Join Date:
May 2006
Posts:
313
Plugin Contributions:
0

Re: newsletter subscribe mod and css

i would just add the following to your CSS under the sideboxes section:

#subscribeContent{background-color:#CCCCCC}

should work fine...

let me know if you have any problems.

  • pensive612
28 Nov 2006, 7:38 PM
#5
baccalao avatar

baccalao

New Zenner

Join Date:
Jan 2006
Posts:
6
Plugin Contributions:
0

Re: newsletter subscribe mod and css

Thank tou - 50% success. This gave me gray color in the box, except behind the letters. So the background color for the text was still white. I had to remove the line you gave me, after testing, 'cause it were not so pretty.

28 Nov 2006, 8:56 PM
#6
pensive612 avatar

pensive612

Zen Follower

Join Date:
May 2006
Posts:
313
Plugin Contributions:
0

Re: newsletter subscribe mod and css

oops... forgot with that particular sidebox you need to do a little editing in the template. gimme an hour or so, and i'll take a look.

  • pensive612
28 Nov 2006, 9:50 PM
#7
pensive612 avatar

pensive612

Zen Follower

Join Date:
May 2006
Posts:
313
Plugin Contributions:
0

Re: newsletter subscribe mod and css

find the tpl_subscribe.php file in your templates/YOUR_TEMPLATE/sideboxes/tpl_subscribe.php

and give a div id to the 2nd line. (line 13, i believe)

so it looks like this:

  $content .= '<div id="subscribeBox">';

then in your CSS you can add:

#subscribeBox {background-color:#ccc}

should fill color in the rest of the blanks...

  • pensive612
2 Dec 2006, 2:56 PM
#8
baccalao avatar

baccalao

New Zenner

Join Date:
Jan 2006
Posts:
6
Plugin Contributions:
0

Re: newsletter subscribe mod and css

Sorry, it did not solve the problem.

To do it clair. I put your line into the start of the tpl_subscribe.php, so it starts like this.

$content = '';
$content .= '<div id="subscribeBox">';
$content .= zen_draw_form('subscribe', zen_href_link(FILENAME_SUBSCRIBE, '', 'SSL'), 'post', '');

And in the css, below sideboxes I put this two lines

#subscribeBox {background-color:#CCCCCC}

#subscribeContent{background-color:#CCCCCC}

May be I have done something wrong?

3 Dec 2006, 3:40 PM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: newsletter subscribe mod and css

I don't know the context of this file, but if you are creating a div that wasn't there before, you also need to make a </div> at the end of the relevant area. This might be causing the problem...

4 Dec 2006, 10:17 PM
#10
pensive612 avatar

pensive612

Zen Follower

Join Date:
May 2006
Posts:
313
Plugin Contributions:
0

Re: newsletter subscribe mod and css

Good call, Glenn. I forgot to mention that part...

hopefully it worked out.

  • pensive612
7 Jun 2007, 2:28 AM
#11
tatiana77 avatar

tatiana77

Zen Follower

Join Date:
May 2007
Posts:
114
Plugin Contributions:
0

Re: newsletter subscribe mod and css

Hiya,

Looks like it's been a while for posting on this thread... wondering if I'd get a reply, hope so!

I followed the abovementionned instructions to change the color background behind the subscribe box lettering. I also added the forgotten </div> at the bottom of my tpl_subscribe.php as such:

$content = '';
$content .= '<div id="subscribeBox">';
$content .= zen_draw_form('subscribe', zen_href_link(FILENAME_SUBSCRIBE, '', 'SSL'), 'post', '');
$content .= zen_draw_hidden_field('act', 'subscribe');
$content .= zen_draw_hidden_field('main_page',FILENAME_SUBSCRIBE);
$content .= ' <label>'. (empty($subscribe_text) ? '' : $subscribe_text);
$content .= '  ' . zen_draw_input_field('email', '', 'size="18" maxlength="30" style="width: ' .
($column_width-30) . 'px" value="' . HEADER_SUBSCRIBE_DEFAULT_TEXT .
'" onfocus="if (this.value == '' . HEADER_SUBSCRIBE_DEFAULT_TEXT . '') this.value = '';"');
$content .= '</label>';
if(EMAIL_USE_HTML == 'true') {
$content .= ' <br /> <label>' . zen_draw_radio_field('email_format', 'HTML', true) . ENTRY_EMAIL_HTML_DISPLAY . '</label>';
$content .= ' <label style="white-space:nowrap">' . zen_draw_radio_field('email_format', 'TEXT', false) . ENTRY_EMAIL_TEXT_DISPLAY . '</label>';
}

$content .= ' <br />' . zen_image_submit (BUTTON_IMAGE_SUBSCRIBE,HEADER_SUBSCRIBE_BUTTON, 'value="' . HEADER_SUBSCRIBE_BUTTON . '" ');

$content .= '</form>';
$content .= '</div>';
?>

Que pasa?

Tat


7 Jun 2007, 5:49 PM
#13
tatiana77 avatar

tatiana77

Zen Follower

Join Date:
May 2007
Posts:
114
Plugin Contributions:
0

Re: newsletter subscribe mod and css

Wish I could say it works... I just posted the info to clarify if I corrected it properly. Here's a screenshot of what I mean

I'd like the entire content to be baby blue..

Tat


8 Jun 2007, 2:46 AM
#14
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: newsletter subscribe mod and css

Since the link text is on top of a blue element, the only reason its background isn't the same is that it has beed styled with a different background. It is most likely covered by a generic link class.
The fix is to find the class or identifier that is assigned to it (possibly <label> - should be visible in view source) and style labels in the subscribe div to have no background.

label#subscribeBox {background-color: transparent;)

or something like this.

8 Jun 2007, 2:17 PM
#15
tatiana77 avatar

tatiana77

Zen Follower

Join Date:
May 2007
Posts:
114
Plugin Contributions:
0

Re: newsletter subscribe mod and css

Thanks gjh,

It worked... so simple.

Tatiana


28 Sep 2009, 7:22 AM
#16
sarahjewellery avatar

sarahjewellery

New Zenner

Join Date:
Sep 2009
Posts:
15
Plugin Contributions:
0

Re: newsletter subscribe mod and css

hi

I know this forum hasn't had a message for a while, but I am trying to change the same thing, the background colour from white. I just cannot find where to change this code.

Please help

28 Sep 2009, 3:50 PM
#17
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: newsletter subscribe mod and css

If you can post a link to your site, we can give the best advice. There may be a simpler way to do it than described above.