cforms II User Forum

Registration is currently disabled.
Guest

FAQs

Login form protected by Login LockDown.


Lost password?
Advanced Search

— Forum Scope —

  

— Match —

   

— Forum Options —

    

Wildcard usage:
*  matches any number of characters    %  matches exactly one character

Minimum search word length is 4 characters - maximum search word length is 84 characters

Topic RSS
Problem with styling (bullets)
July 5, 2007
10:28 pm
Jakob
Guest

Hi,

see my form here http://www.jakob-lacour.dk/?p=42

I am having problems with using the included dark-rounded style. I can remove the bullets on the left side with the !important; code, but something is still twisting the form out of shape.

I would also like to increase the width of the form to around , but I cannot seem to find all places to increase width in order to make it look ok.

Brgds Jakob

July 5, 2007
11:11 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

These changes to your cforms theme file should do the trick:

ol.cf-ol {    /* dark-rounded.css (line 44) */
background:transparent url(../images/customform_dark_bg.jpg) repeat-y;
margin:0px!important;
padding:0pt 0pt 10px !important;
}

Due to the use of images, you can't widen the form, unless you "stretch" the images as well.

July 6, 2007
1:07 pm
Jakob
Guest

Hi,

Thanks for the quick reply. Works/looks gr8.

 I guess I can just produce some new graphics in the correct width and the adjust the css to match same in order to extend the width of the form ?

Very nize plugin by the way!

Jakob

July 6, 2007
1:10 pm
Jakob
Guest

and finally 1 last thing.

It seems like the (required) is crossing in over the name and email field in the form. Can this be adjusted easily so it looks ok ?

Jakob

July 6, 2007
8:16 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

Jakob said:

Hi,

Thanks for the quick reply. Works/looks gr8.

 I guess I can just produce some new graphics in the correct width and the adjust the css to match same in order to extend the width of the form ?

Very nize plugin by the way!

Jakob


correct.

It seems like the (required) is crossing in over the name and email field in the form. Can this be adjusted easily so it looks ok ?

Anything can be adjusted :-)

But I'm not sure where you see the problem, the layout looks fine on both IE & FF.

For FF: you may want to adjust the ol.cf-ol li class to:

ol.cf-ol li {
list-style-image:none;
list-style-position:outside;
list-style-type:none!important;
margin:0pt !important;
padding:5px 0pt;
text-align:left;
}

 

otherwise FF shows numbers in front of each input line.

 

 

July 7, 2007
6:31 pm
Jakob
Guest

Hi,

I am still having some issues fitting the Q&A safety in line. For some reason it is aligned left compared to other fields. How can I align them together with the rest.

Also the fieldsets are not finished in the bottom with the nize rounding graphic, just a straighr cut line.

Jakob

July 7, 2007
7:42 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

You haven't changed the ol.cf-ol li class yet, I can still see the numbers.

For some reason it is aligned left compared to other fields. How can I align them together with the rest.

This behaviour is on purpose, since I expected users to choose longer questions/text and alinging it to the rest of the fields would have caused the question to span over multiple lines. However, if you do want to change it, simply to the following:

  1. Find classes label.secq & label.secq span in the CSS style sheet and remove the classes completely.
  2. Adjust the margin in the class input.secinput to: margin:3px 0pt 0pt 0px;

And regarding the missing bottoms, as described in the HEADER of the CSS file:

/*                                                     */
/*  PLEASE NOTE:                                       */
/*                                                     */
/*  if you have multiple fieldsets, you need to edit   */
/*  line 47 (search for "multiple fieldsets") &        */
/*  add a new TEXT-ONLY field BEFORE EACH              */
/*  'NEW FIELDSET'!!   field name:  |fieldsetclose     */
/*                                                     */

 

July 7, 2007
7:56 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

A final touch: search for ol.cf-ol li.textonly and make sure it looks like this:

ol.cf-ol li.textonly {
    color: white;
    padding:4px 0;
    text-align:center;
}

 

This may help to adjust the padding.

Forum Timezone: Europe/Berlin

Most Users Ever Online: 959

Currently Online:
27 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

tracedef: 43

mores: 21

Gyrus: 20

frozenwaste: 18

asuffredini: 15

photoworks: 14

Member Stats:

Guest Posters: 3762

Members: 1463

Moderators: 3

Admins: 2

Forum Stats:

Groups: 1

Forums: 4

Topics: 5361

Posts: 18742

Newest Members: juredujmovic, dreamkeeper, rajattyagi, wrokaa, lukass

Moderators: Paul (421), cnymike (8), sonika (95)

Administrators: Oliver (6400), Nicky (3)