How to make newsletter form smaller?

[baklavoni]

Here is image of what I want to make:



I'm asking this question after many hours searching through forum and phpwcms css files.

Couldn't find, so I heed help from You.

Thanks.

[Heiko H.]

Hi,

you posted to wrong topic!
Should be support!
I think the form size is hardcoded. I don't know exactly but i think so...

Heiko...

[update]

You certainly can do something like

Code: Select all

form#newsletterSubscribeForm .inputNewsletter {
background-color: #FFEDAF;
font-weight: normal;
color: #222222;
border: 0.1em solid #222222;
padding: 0.2em;
width: 12em;
height:0.8em;
font-size:0.8em;
line-height:1em;
margin-bottom:0.3em;
margin-top:0.5em;
}

just an example. Play with width, height and font-size - very funny and interesting results, depending on each other... at least yours wanted is possible too

[baklavoni]

Hi,

you posted to wrong topic!
Should be support!
I think the form size is hardcoded. I don't know exactly but i think so...

Heiko...

Sorry, maybe moderator can move this topic to right section...
And, yes, I think it is hardcoded. I did searching through all css, and when I didn't find anything, I tried with help here...
Thanks.

You certainly can do something like

Code: Select all

form#newsletterSubscribeForm .inputNewsletter {
background-color: #FFEDAF;
font-weight: normal;
color: #222222;
border: 0.1em solid #222222;
padding: 0.2em;
width: 12em;
height:0.8em;
font-size:0.8em;
line-height:1em;
margin-bottom:0.3em;
margin-top:0.5em;
}

just an example. Play with width, height and font-size - very funny and interesting results, depending on each other... at least yours wanted is possible too

Claus, is this suppossed to be inserted in frontend.css?
Will try to search, and keep you informed about results...
Thanks

[update]

yes, put it into frontend.css

[baklavoni]

Claus,
sorry, but I can't get it working.
Are you sure code is correct?

Thanks

[krailing]

Hi baklavoni

Yes, it must be the class .inputNewsletter in the frontend.css (or the css-file you defined in the template).

I have a simple code like this

Code: Select all

.inputNewsletter { 
    border-bottom: 
    0px dotted #FF0000;
    font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px;
    color:596d86;
    width: 155px;
    }

and when you play with width it should show you a result.

If not, please ask again.

Tom

[baklavoni]

Hi baklavoni

Yes, it must be the class .inputNewsletter in the frontend.css (or the css-file you defined in the template).

I have a simple code like this

Code: Select all

.inputNewsletter { 
    border-bottom: 
    0px dotted #FF0000;
    font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px;
    color:596d86;
    width: 155px;
    }

and when you play with width it should show you a result.

If not, please ask again.

Tom

Thanks, it is working!

Thank you all!!!

[update]

Claus,
sorry, but I can't get it working.
Are you sure code is correct?

Thanks

I think that the code is correctly set up, because for me it is working
but you -of course- can simplify it like krailing did, if you don't have a wrapping #newsletterSubscribeForm

Code: Select all

.inputNewsletter {
background-color: #FFEDAF;
font-weight: normal;
color: #222222;
border: 0.1em solid #222222;
padding: 0.2em;
width: 12em;
height:0.8em;
font-size:0.8em;
line-height:1em;
margin-bottom:0.3em;
margin-top:0.5em;
}

[baklavoni]

Claus,
sorry, but I can't get it working.
Are you sure code is correct?

Thanks

I think that the code is correctly set up, because for me it is working
but you -of course- can simplify it like krailing did, if you don't have a wrapping #newsletterSubscribeForm

Code: Select all

.inputNewsletter {
background-color: #FFEDAF;
font-weight: normal;
color: #222222;
border: 0.1em solid #222222;
padding: 0.2em;
width: 12em;
height:0.8em;
font-size:0.8em;
line-height:1em;
margin-bottom:0.3em;
margin-top:0.5em;
}

I took Tom's code and put in there some of your code
I got mixture of two codes...

Thank you both.

[update]

Welcome

[krailing]

Welcome