Forums

I simply need to edit the width of the outputted form in the front end to work within my template? How do I do this? I have messed with the style sheets with no success?

Thanks

is this a Chronoforms question ?

Yes? And yes I have not put this in the right place? Not a good day for me... but the solution is..?

No porblems, there is a width class in the style1.css file and only there you can change the width!

Regards
Max

I tried this and it made no change to my site? Not sure if there is something else going on here?

should I just change

.width1 { width:571px;} ...?

Here is my problem page?
http://www.totalqca.com/index.php?option=com_chronocontact&Itemid=37

The issue is most likely with the template but I have only had this issue with the right column with this component?

Any help would be much appreciated.

Hi,

I am not trying to hijack your thread jonleshark, I wish I could help you with your problem. But unfortunately I have the same problem as you. The form is loaded and showing correctly, however; everything that is supposed to show on the right side of my website is now showing below the form. Changing the '.width1 { width:571px;}' in the style1.css file did not help for me. And of course I also messed with the style sheets but so far I have had no success... I sure hope someone knows an easy solution to this problem and that it will help us both🙂

Hi,

for jonleshark there seems to be a layout issue, the HTML code is broken and that's why the problem happens, not the CSS, did you edit your form code anyway ? can you create a new test form with 3 fields or so and with no tooltips and see if it will get the same problem ?

regards
Max

Hi jonleshark,

It looks as though there is a stray </div> near the beginning of your form html

<div class="form_item">
	<div class="form_element cf_heading">
		<h1 id="" class="cf_text">Night at the GRAMMY's...!</h1>
	</div>
</div>
<div class="clear">
</div><!-- this is the stray -->

Bob

Thank you GreyHead. That </Div> was my issue fixed that and I got my alignment back.

Thanks Great product and thanks for the quick support.

I seem to be having the same problem with alignment however i don't find a stray <div> and have been otherwise unable to fix it. the url to my form is:
http://www.insurancebag.com/quick_quote.html
any help would be greatly appreciated!

Hi goforthclan,

Looks OK here in FireFox - bar a few right-aligned lines. Just fix the css for those and all will be well.

Bob

Hi goforthclan,

Sorry, I can't do a css tutorial today - maybe over the weekend. Meanwhile check out <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w -->

Bob

no problem i changed the joomla template and all is well. i am checking out the link for future use thanks.