Mavrosxristoforos.com

Hi

Pls i would like to know if its possible to change the submit button so i could use an image instead.

Thanks

BTW...great module

Hello.

This can be done with some simple changes in the PHP code.

In file

modules/mod_newsletter_subscriber/
mod_newsletter_subscriber.php

you should find line 154, and change this:

<input class="modns button ' . $mod_class_suffix . '" type="submit" value="' . $buttonText . '" style="width: ' . $buttonWidth . '%"/>

to

<input class="modns button ' . $mod_class_suffix . '" type="image" src="/yourimagehere.jpg"/>

Thanks for previous help, I also cannot get this to work. My sample image is in root folder  images/stories

www.letscelebratehealth.com.au/site/ is the path to the root

I have  tried the following paths but I cannot get the image to appear. What stupid simple thing am I missing this time?

/http://www.letscelebratehealth.com.au/site/images/stories/read-more.png
/www.letscelebratehealth.com.au/site/images/stories/read-more.png

/../../images/stories/read-more.png

Thanks

Nat

Hello. Going to your site, I saw this URL being rendered:

http://www.letscelebratehealth.com.au/../../images/stories/subscribe.png

Try removing the ../../ and just set the path to images/stories/subscribe.png

Then, you will probably need to set the button's height and width, so you can change the field's dimensions in the php code, too.

Thanks again.

Thanks I have got the image, but I cannot set the width??? Height works. I have tried adding it to the image tag as I would in HTML. I also tried leaving the height out and trying to control it from within the module admin but set on 2 or 100 it doesnt change the width. I have also tried using both of them and playing with figures. These seem to be such straight forward things but Im stuck...Im sorry.

My tag at the moment is

<input type="image" src="/images/stories/subscribe.png" height="38px" width="127px"/>

Nat

That is because there is a .wrapper class in your template that gets applied to the button and it sets its width to 100%.

Just add this at the end of your CSS:

input.modns.button {
  width: 127px;
}

Thank you again.

Thank you.....It Works