phpwcms Support Forum

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.

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...

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

Heiko H. wrote: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.

claus wrote: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

yes, put it into frontend.css

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

Thanks

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

krailing wrote: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!!!

baklavoni wrote: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;
}

claus wrote:
baklavoni wrote: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.

Welcome

Welcome

phpwcms Support Forum

How to make newsletter form smaller?

How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?

Re: How to make newsletter form smaller?