[SOLVED] CMS 1.4.1/Form Builder 0.5.3/adding diff css to diff field types

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
tonypb
Forum Members
Forum Members
Posts: 104
Joined: Tue Nov 20, 2007 12:16 am

[SOLVED] CMS 1.4.1/Form Builder 0.5.3/adding diff css to diff field types

Post by tonypb »

I've tried to find how to modify the form field but have not been able to

i know that in my CSS file i could have

input {
whatever
}

but this also affects the "buttons" which i want to have a diff look

so if i was to create diff css for diff field, how to I add the CSS to them? for example, how do you add css to {$submit} and/or {$entry->input}
Last edited by tonypb on Wed Aug 13, 2008 9:56 pm, edited 1 time in total.
patino-burch design
Anthony Patino-Burch
User avatar
tonypb
Forum Members
Forum Members
Posts: 104
Joined: Tue Nov 20, 2007 12:16 am

Re: CMS 1.4.1/Form Builder 0.5.3/adding diff css to diff field types

Post by tonypb »

I found some post that suggested looking at the source code of a page. When I looked at the source code of the page I was trying to modify, I found that the "button" I was trying to change instead of looking like:
{$submit}
it now looked like:
is there a CSS file out there that contains this class? since I couldn't find it, I added the following to my main CSS and... it worked:
.fbsubmit {
font-family: "Trebuchet MS", Arial;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
background-color: #b8d645;
border: none;
font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
}
will this now make ALL but submit buttons in ALL forms look the same, or will I have to create a CSS for each form's submit button?

but for the (input type="text") fields there was no CSS in the source code. I know i can change them by "input {css}|" but this would also affect check boxes, radio button, etc which i would like to leave as they are. So how do i add CSS ONLY to (input type="text")?

help!!!  ???    thanks in advance  ;D
patino-burch design
Anthony Patino-Burch
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: CMS 1.4.1/Form Builder 0.5.3/adding diff css to diff field types

Post by Dr.CSS »

When making form you have the optin of adding class to every field you make so it will let you target just those instead of all input, textareas, etc...
User avatar
tonypb
Forum Members
Forum Members
Posts: 104
Joined: Tue Nov 20, 2007 12:16 am

Re: CMS 1.4.1/Form Builder 0.5.3/adding diff css to diff field types

Post by tonypb »

mark wrote: When making form you have the optin of adding class to every field you make so it will let you target just those instead of all input, textareas, etc...
so ok... i feel like an idiot... i'm still learning this CMS, but each new site i do i get better... i promise!! ::)

as far as "buttons" i just checked the above CSS i had added to my main CSS file and it works for all submit buttons.

thanks a lot...
patino-burch design
Anthony Patino-Burch
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: [SOLVED] CMS 1.4.1/Form Builder 0.5.3/adding diff css to diff field types

Post by Dr.CSS »

And you can use images in place of the standard submit button...

Thanks for putting solved in...
User avatar
tonypb
Forum Members
Forum Members
Posts: 104
Joined: Tue Nov 20, 2007 12:16 am

Re: [SOLVED] CMS 1.4.1/Form Builder 0.5.3/adding diff css to diff field types

Post by tonypb »

cool... ok... still have work to do but... just wanted to show you that your time wasnt wasted... here is how its looking so far

http://www.chefadamscateringservice.com/contact-us/
patino-burch design
Anthony Patino-Burch
Post Reply

Return to “Layout and Design (CSS & HTML)”