Joomla Templates Club 406,261 posts

[guitarist9891 Friend guitarist9891Join date: February 2011Posts: 12Downloads:0Uploads:1 Thanks: 5]

#172234

Could you explain me how I can change the color of the Name in the Contact Form?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#431645

<em>@guitarist9891 291755 wrote:</em><blockquote>Could you explain me how I can change the color of the Name in the Contact Form?</blockquote>

Hi
May i have your site URL for take look ?
Thank you

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431648

<em>@guitarist9891 291755 wrote:</em><blockquote>Could you explain me how I can change the color of the Name in the Contact Form?</blockquote>

Within templates/ja_ironis/css/template.css . . . . line 105


.inputbox, input, textarea {
border: 1px outset rgba(0, 0, 0, 0.2);
}

Add a color property for the field box text – for example . . .

.inputbox, input, textarea {
border: 1px outset rgba(0, 0, 0, 0.2);
color: #000000;
}


Hope that helps.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#431710

Hi
If in case you can’t find out where is COMPRESSED FILE gave my TomC you can try with this

templates/ja_ironis/css/template.css

.inputbox, input, textarea {
background: none repeat scroll 0 0 #F8F8F8;
color: #7B7D80;
margin-left: 3px;
padding: 6px;
}
But please note ! Change CSS color here will apply for all textbox !!! not only “Name” as you asked.

If you looking for that element , it should be

.jcontact-form #contact_name {
color: <put_your_color_here>
}

And for sure. You can paste this code into template.css

templates/ja_ironis/css/template.css

Thank you

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431734

You know, guitarist . . . Joo is right, I was mistaken with my original recommendation.

The correct CSS is actually at line 302 within templates/ja_ironis/css/template.css

#contact-slider .inputbox, #contact-slider input, #contact-slider textarea, #contact-slider input {
background: none repeat scroll 0 0 #F8F8F8 !important;
color: #6666660 !important;
margin-left: 0 !important;
padding: 3px 0 !important;
}


If you want to change the input field text color to, say, black . . . then you can modify as follows:

#contact-slider .inputbox, #contact-slider input, #contact-slider textarea, #contact-slider input {
background: none repeat scroll 0 0 #F8F8F8 !important;
color: #000000
margin-left: 0 !important;
padding: 3px 0 !important;
}


I think you will find this solution a bit easier to manage than the previous. 😎

Let me know if this achieves the result you were looking for.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#431864

Hi
I got your PM. And there is right code

#jform_contact_name-lbl {
color:<your_color_code>
}

for sample

#jform_contact_name-lbl {
color:#FFFFFF /* white */
}

Put it into template.css

/templates/ja_ironis/css/template.css

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431865

Since you seem to view this as some sort of silly quasi-competition, Joo – I guess we’ll see which solution works best for our friend.

😎

[Author]

Posts