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
theme overrides cform css
June 22, 2007
12:40 am
TheMystical
Guest

Hi, I've been using this great plugin for sometime now and had no problem styling it for a few themes I used for my personal sites and friends' but recently I stumble on a theme that's giving me headaches.

The theme I'm referring to is Freshy, nice web 2.0 looking them I have to say however its css is messing up cform.

I can't control the list design, ol.cf-ol li seems to be overridden by the themes stylesheet and I can't find a way to fix it.

I tried to add !important to the relative classes and properties in the cform stylesheet but ie7 seems to ignore it. I rely on firbug to refine the layout of the form, when it looks good and I saved the modification to the css, in firefox everything is fine, instead no changes appear in ie7 (probably ie6 too).

 Any advice or experiance with this theme, anything, is appreciated.

Thanks

June 22, 2007
8:10 am
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

Not with this particular theme, but if you provide a URL, I could take a quick look.

June 22, 2007
3:48 pm
TheMystical
Guest

That would be awesome, here's a link to a testdrive wp install.

 

June 22, 2007
5:30 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

Can you try this and leave it in, so I can test with it:

cforms.css (line 28)

ol.cf-ol li    {
    margin:5px 0!important; /*some themes may interfere otherwise*/
    padding:0;
    list-style:none!important;
    text-align:left;
}

 

also you might want to change this:

cforms.css (line 123)

.cform textarea {
    display:inline;
    overflow:auto;
}

To fix the textarea issue.

June 22, 2007
8:47 pm
TheMystical
Guest

cforms.css updated

June 22, 2007
8:50 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

looks perfectly fine on all three: FF2, IE6 & IE7

June 22, 2007
10:08 pm
TheMystical
Guest

mmm there must be something wrong with my IE, even after cleaning the cache it still shows the numbered list and the text area shifted to the left.

Ironically, I even have a post on my site about a service to cross check a website among multiple OS and browsers, but being stressed out with this theme's css I haven't test it with that service, in fact the form reads the css correctly! At least I know it's only a problem on my side, I need a rest.

Anyway, thanks for you help and time, I really appreciate it.

December 18, 2007
12:43 pm
Willy Foo
Guest

Having problems in IE7.. the checkboxes alignment are all messed up..Shows fine in FF2. Tried the suggestions above but didn't help.

Any clues?

http://livestudios.sg/contact/

 

December 18, 2007
8:26 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

The theme "wide_brown_light" contains quite a bit of custom CSS at the beginning which is tailored to only work properly with the form preset, this is what messes up your layout.

I suggest you delete the first block starting with:

/* NOTE: */
/* custom CSS settings for PRESET EXAMPLE! */
/* only works 100% with your DEFAULT FORM (#1!) */
/* */

and start from there.

If you like to do some fancy CSS like in the example, then I suggest you take a look at the fields used (& their exact ID's in the HTML code) and the corresponding CSS declarations (the ones you've just deleted :-)

Looking at your form, however, I think you'll be totally fine with just removing this top block of CSS codes.

A final though, add a line break after every 3rd item in the check box group, this will force 3 items per line and will look better.

EDIT: Also, the form preset for the above Theme that you've put into form #2 shows some errors, that's because those tailored CSS declarations only work properly if the form preset is used in slot #1 of your forms, so to speak.

December 19, 2007
9:38 am
Willy Foo
Guest

Ok.. I reverted to the original wide_form.css and customised it..

I was hoping that the check boxes and the labels won't spilit but looks like I had to force line breaks between to prevent that.. One suggestion may be to put a container around each [check box + label] and thus preventing it from breaking up (or add   perhaps).

By forcing line breaks, It shows up ok in Firefox now but for IE7, the margin for the firstline is different from the subsequent lines..

http://livestudios.sg/contact/

Any idea where to start since firebug shows firefox displaying correctly and I can't locate where it is for IE.

 

Forum Timezone: Europe/Berlin

Most Users Ever Online: 959

Currently Online:
22 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: 5359

Posts: 18741

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

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

Administrators: Oliver (6400), Nicky (3)