"Search WordPress.org" placeholder has too low contrast

[SergeyBiryukov]

"Search WordPress.org" placeholder in the WP.org header (see the screenshot) is barely visible on my screen. Maybe its brightness setting is too low, but perhaps the placeholder should have a higher contrast.

[coffee2code]

It seems that the color of the placeholder text is generally set by the browser. It looks as though you are using Firefox, which does have a poorer contrast than under Webkit.

How does this new CSS rule work for you?

#head-search input.text::-moz-placeholder { color: #ddd; }

Or let me know what color seems best. It should probably be a tad more subdued/darker than the text for text that is actually typed in.

[SergeyBiryukov]

Replying to coffee2code:

How does this new CSS rule work for you?

Looks much better. I guess #fff would be more consistent with Chrome and Opera.

Also noticed that the header is broken in IE8, see #196.

[coffee2code]

In 98:

Fix low contrast text color in search form placeholder for Firefox. Fixes #188.

Fixes #188

### Screenshots

| Desktop | Tablet | Mobile |

|

| image | image | image |

### How to test the changes in this Pull Request:

1.
2.
3.

The section headings in the About page need to align with the top of the adjacent body copy column

The font size of these headings is fluid so the margin adjustment to align the elements needs to be too.

Fixes #188

### Screenshots

| Monitor | Desktop | Tablet landscape |

|

| image | image | image |

### How to test the changes in this Pull Request:

1. Ensure you have a page at about-2 and set the template to page-about
2. View the page and check the alignment of the section headings at various screen sizes (design has desktop width at 1320px and monitor at 1920px). Below 782px the layout switched to stacked columns so there should be no margin set below that.