Joomla Templates Club 406,261 posts

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#193397

I need to change the font color of the header search box label. (Search…)

It’s too dark. It doesn’t show up well.

But I can’t find where in Mitius that change should be made. Please advise.

Instructions on how to change the label on other templates doesn’t appear to apply to Mitius.

Thanks!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#517120

Hi

Could you be more detailed on what you want to change ? maybe with a screenshot this is how i can see your header search

---

Attachments:

1. 

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

#517193

You can try this . . . .

Within file path –> /templates/ja_mitius/css/template.css
at line 3558, modify the “color” property to a lighter color hex code – for example . . .


.head-search .input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("../images/ico/search-invert.png") no-repeat scroll 95% center #000000
border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #222222
border-image: none;
border-style: none none none solid;
border-width: medium medium medium 1px;
box-shadow: none;
color: #FFFFFF
height: 49px;
padding-bottom: 0;
padding-top: 0;
vertical-align: middle;
width: 150px;
}

Hope That Helps

🙂

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#517259

Thanks for the attempt Tom, but I’m afraid I’ve already tried that. Didn’t work. Looks like it should, but it doesn’t. Any other suggestions? I don’t need to alter it much, just make the dim (non-mouseOver) color lighter. It doesn’t show up well, especially on phones.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#517264

Hi

Could you please post a screenshot of what you want to change ? it is not so clear to me

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#517378

You have the right idea, Pavit. But the “Search” on my screen isn’t as bright as I’d like it to be until you mouse-over it. There is a mouse-over effect that brightens the label, making it clearly legible. But it’s hard to read until you do. Especially on some screens that are dimmer. Remember, you can’t design for just one screen. You have to assume that some people’s brightness isn’t cranked up. So I’d like to brighten it a bit.

---

Attachments:

1. 

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

#517402

Within your custom.css file – at line 10, make the following modification . . .


.head-search .input {
color: #FFFFFF !important;
}

SAVE CHANGES — CLEAR CACHE — REFRESH PAGE

See if that works for you. 🙂

1 user says Thank You to TomC for this useful post

1. synapsis

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#517422

Oooh… I see. There’s an overlay or something, so the color you actually WANT the text to be requires a much brighter font color on the label itself. I tried EXACTLY what you suggested above, only I was using the hexidecimal color code that I wanted to see there (#929292), not using #FFFFFF to wind up with #929292 — which is pretty close to what I’m seeing now, using your suggestion instead.

No wonder I couldn’t get the result I wanted. Thanks so much for your assistance. It’s a very minor detail, but the minor details are what take a user interface from good to great.

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

#517424

Happy to be able to help out. 🙂

[Author]

Posts