Commentform Chaos

What you think other Nucleus users should know!
dunkelangst
Posts: 18
Joined: Sat Aug 03, 2013 6:02 pm

Commentform Chaos

Postby dunkelangst » Fri Aug 09, 2013 11:39 am

Hello you all!

I think my commentform looks very bad. Watch for example this link:
http://www.dunkelangst.org/microblog/in ... ?itemid=32

I want to have every single commentform flield in a single line... I don't know how to do it via Css..

:roll:
User avatar
slightlysome
Posts: 213
Joined: Thu Feb 24, 2011 1:33 am
Contact:

Postby slightlysome » Fri Aug 09, 2013 1:28 pm

I use block layout for the formfields to make headings and fields left justified.

Add the following to the end of the style.css file in the skin directory. It will also make all fields use the available width.

Code: Select all

.commentform .formfield {
        display: block;
        width: 98%;
}

.commentform .formbutton {
        display: block;
}

If you want to have the headings and fields in separate columns, you probably have to change the form to utilize some kind of table.
- Leo -
LMNucleus CMS home page: nucleus.slightlysome.net
My Nucleus powered blogs: www.slightlysome.net - www.tswtraveler.com
My Nucleus plugins.
dunkelangst
Posts: 18
Joined: Sat Aug 03, 2013 6:02 pm

Postby dunkelangst » Fri Aug 09, 2013 2:02 pm

You helped me a lot!

Now it looks good! :)

Thank you again!! :)
User avatar
slightlysome
Posts: 213
Joined: Thu Feb 24, 2011 1:33 am
Contact:

Postby slightlysome » Fri Aug 09, 2013 2:44 pm

Remove the "width:300px;" line from the the bellow section in the style.css-file if you want the comment textarea to also fill the available width.

Code: Select all

#nucleus_cf_body {
   font-size:12px;
   width:300px;
}
- Leo -

LMNucleus CMS home page: nucleus.slightlysome.net

My Nucleus powered blogs: www.slightlysome.net - www.tswtraveler.com

My Nucleus plugins.
dunkelangst
Posts: 18
Joined: Sat Aug 03, 2013 6:02 pm

Postby dunkelangst » Fri Aug 09, 2013 6:27 pm

@slightlysome:
Very good idea! Now it is really perfect! :) :D

Return to “Share Your Tips & Tricks”