Form Block sizing
Permalink
(I apologize if this is not the correct forum)
I'm looking for how to control the size of a Form block and it's contents. I open Design and add height: 375px; width: 300px; to the css but it only resizes it's dimensions. The text and controls within it are not resized accordingly.
I put in 5px for Edit|Design|Fonts tab|Size: but it doesn't seem to do anything.
Any help here would be greatly appreciated.
I'm looking for how to control the size of a Form block and it's contents. I open Design and add height: 375px; width: 300px; to the css but it only resizes it's dimensions. The text and controls within it are not resized accordingly.
I put in 5px for Edit|Design|Fonts tab|Size: but it doesn't seem to do anything.
Any help here would be greatly appreciated.
I appreciate the help but that didn't seem to work. See attached.
Well that's odd. I have attached 3 screenshots to show what happens on my site.
Try right-clicking on your form and choosing 'Inspect Element' to see what css is controlling the appearance. There might be conflicting rules but usually the rules that are declared closer to the element itself take precedence over rules declared in a style sheet. So I'm at a loss.
Try right-clicking on your form and choosing 'Inspect Element' to see what css is controlling the appearance. There might be conflicting rules but usually the rules that are declared closer to the element itself take precedence over rules declared in a style sheet. So I'm at a loss.
I'll see what I can do with your extra information.
Also, I'm not sure if it's possible, but I'm trying to use my ContactUS (I've named the form in question) as a stack. Not sure if that matters or not.
I also noticed that you use font units of em while I was trying to use px. Does either one matter?...or maybe use pt.???
Also, I'm not sure if it's possible, but I'm trying to use my ContactUS (I've named the form in question) as a stack. Not sure if that matters or not.
I also noticed that you use font units of em while I was trying to use px. Does either one matter?...or maybe use pt.???
The stack concept would have been nice to know at the beginning of this discussion.
So the form you're using is actually contained in a stack?
So the form you're using is actually contained in a stack?
Yes, it was. Sorry 'bout that.
I've since just put one directly in a block but to no avail.
I think part of my problem here are my expectations with how it's supposed to behave. Seems like placing height: 325px; and width: 300px; in design|css tab|Additional CSS: area only sizes the borders.
Again, not sure here what is expected behaviour when I add values to any of the block style properties.
I changed font size to 5em (like you did) and changed the color to some other color. The result was same size font but the color did change.
I've since just put one directly in a block but to no avail.
I think part of my problem here are my expectations with how it's supposed to behave. Seems like placing height: 325px; and width: 300px; in design|css tab|Additional CSS: area only sizes the borders.
Again, not sure here what is expected behaviour when I add values to any of the block style properties.
I changed font size to 5em (like you did) and changed the color to some other color. The result was same size font but the color did change.
I tried also: the dimensioning is working, not font-size because it is related to '.ccm-block-styles' and not '.ccm-block-styles label'
But what about 'padding-right'?
another way:
While in edit-mode go to design/css and put ".userform" in the css-classnames-field.
Put your styles in main.css from your theme dir, for example font-size:
upload main.css to server.
instead of "userform" you can take any name, but must be used also in main.css (as selector)
But what about 'padding-right'?
another way:
While in edit-mode go to design/css and put ".userform" in the css-classnames-field.
Put your styles in main.css from your theme dir, for example font-size:
.userform label {font-size:5px}
upload main.css to server.
instead of "userform" you can take any name, but must be used also in main.css (as selector)
Thanks for chiming in on this one. Looks like I gotta do some homework on css....ya lost me at .ccm-block-styles. ha!
The C5 caches are turned off at "Dashboard > System and Settings > Cache and Speed Settings"
The cache in your browser(s) can be turned off in their options. Chrome doesn't have a way to turn off the cache but you can either install a Chrome add-on that allows you to turn off the cache or you can also edit the shortcut you use to start chrome by adding this line at the end (after the last quote):