Rowby Goren

asked on 2/22/2016

Changing font color -- this should be easy but I can't do it!

Hi

I've wasted enough time with Firebug, and need help with this simple request.

Please go to this page: Search box

I'm trying to change the color for the word "Search..." in the upper right search box.

Maybe my eyes are sleepy but I cant' get firebug to help me change the color of the text to any color. White will do.

Also, part "B" to this question. If you look at the page in Chrome the upper right brown area containing the search box and Social Media icons and the "Sign In" text look fine But in Firebox, the search icons and "Sign In" are too low and are partially below the brown area.. Any way to keep those consistent?

Looking for your help! ;)

Thanks,

Rowby

CSS

Last Comment

Rowby Goren

8/22/2022 - Mon

SOLUTION

srihari chander

2/22/2016

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

GET A PERSONALIZED SOLUTION

Ask your own question & get feedback from real experts

Find out why thousands trust the EE community with their toughest problems.

Rowby Goren

2/23/2016

ASKER

Hi srihari,

Thanks for helping me on this.

I added the following, and I see it in firebug. Howevever the color of the font is not changing.

input.search_box {
    padding: 9px 9px 9px 28px;
    background: #C19165 url(//cdn.shopify.com/s/files/1/1137/1788/t/42/assets/search2.jpg) no-repeat 6px;
    border: solid 1px #d9d4a9;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0px;
    font-family: 'Alfa Slab One', cursive;
    font-size: 16px;
    letter-spacing: 1px;
    color: #FF0000;
}

Open in new window

Link to site.

Strange!!

Rowby

Rowby Goren

2/23/2016

ASKER

Actually I think it's working in firefox. Maybe I need to clear cache.

Stay tuned....

Rowby Goren

2/23/2016

ASKER

Text color seems to be working in firefox.

However the beige background image in Firefox is about 10 pixels too low.

Any fix for this?

Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!

James Murphy

ASKER CERTIFIED SOLUTION

Brandon Lyon

2/23/2016

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

GET A PERSONALIZED SOLUTION

Ask your own question & get feedback from real experts

Find out why thousands trust the EE community with their toughest problems.

Rowby Goren

2/23/2016

ASKER

Thanks Brandon,

Add the code, and will of course be dividing the points accordingly.

Do either you or srihari know how to fix the issue with "beige background image in Firefox is about 10 pixels too low"

Or should I make that a different question.

Best

Rowby

SOLUTION

Brandon Lyon

2/23/2016

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

⚡ FREE TRIAL OFFER

Try out a week of full access for free.

Find out why thousands trust the EE community with their toughest problems.

Rowby Goren

2/23/2016

ASKER

Hi

Thanks. I made some little tweaks and now it's looking good on Firefox and Chrome and EE.

Hard to award the points, but I did the best I can do.

Rowby