Joomla Templates Club 406,261 posts

[stator86 Friend stator86Join date: September 2011Posts: 77Downloads:0Uploads:10 Thanks: 17 Thanked: 1 times in 1 posts]

#171649

I am using light background, and font color in search box is light so it hardly to be seen i want to make it more darker

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

#429006

So that I may best assist you, please provide the url to the site you’re working on – as well as set “Optimize CSS” to “No” within your Template Manager–>General Settings.

[stator86 Friend stator86Join date: September 2011Posts: 77Downloads:0Uploads:10 Thanks: 17 Thanked: 1 times in 1 posts]

#429010

<em>@TomC 288287 wrote:</em><blockquote>So that I may best assist you, please provide the url to the site you’re working on – as well as set “Optimize CSS” to “No” within your Template Manager–>General Settings.</blockquote>

http://www.elib4vet.com/alexvetmed2/ar

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

#429011

Open your template.css file (within path /templates/ja_anion/css/template.css)

at line 551, you should see the following:


/* Search ---*/
#ja-search {
background: url(../images/search-bg.png) no-repeat right top;
bottom: 10px;
height: 34px;
width: 290px;
font-family: tahoma;
color: #5D98CB;
}


[FONT=arial]Change the color parameter to whatever color code you want. For example, you could change the css to the following:

/* Search ---*/
#ja-search {
background: url(../images/search-bg.png) no-repeat right top;
bottom: 10px;
height: 34px;
width: 290px;
font-family: tahoma;
color: #000000;
}


This will render your search text in black.

SAVE CHANGES …. CLEAR CACHE …. REFRESH PAGE

Hope that helps.

[/FONT]

1 user says Thank You to TomC for this useful post

1. stator86

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

#429013

Actually, if the above solution does not work for you, try working with the following css . . .

template.css – at line 117


/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 2px;
padding: 0;
vertical-align: middle;
}


label { vertical-align: middle; }

.inputbox, .txtbox {
background-color: #F2F6FC;
border: 1px solid #ddd;
padding: 3px 5px;
}


Try adding a text-color parameter as follows:


/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
font-family: Helvetica, Arial, sans-serif;
text-color: #000000;
margin: 0;
padding: 2px;
padding: 0;
vertical-align: middle;
}




[FONT=arial]With much of Joomla site development, there is a good deal of “trial-and-error” involved.[/FONT]

[stator86 Friend stator86Join date: September 2011Posts: 77Downloads:0Uploads:10 Thanks: 17 Thanked: 1 times in 1 posts]

#429022

Thanks it worked now

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

#429030

<em>@stator86 288312 wrote:</em><blockquote>Thanks it worked now</blockquote>
Most Welcome !!! . . . . All the best with your continuing site development.

1 user says Thank You to TomC for this useful post

1. stator86

[Author]

Posts