Styling Links — Testing

This is some text with a link My Site.

The a:visited is not working in FireFox: it does not revert after flushing cache. The color IS honored by Chrome but the font-size / font-weight are not. What am I missing? Are there bugs in the browsers?



Ignore this - testing look of colors, etc.

Memory bank: pink: #F6CEF5, green: #adff2f

Adding image of a paragraph button: image of paragraph button

Mock Use Wordpress . . . icon: this is really text with a border, padding, etc.

Use WordPress.com view

Restore This Revision Restore This Revision

Mock paragraph icon   Paragraph ▼

Links can have a different color on hover, e.g., green example, the color in the middle of the banner, yellow.

Compare background colors

Color: #E0F8F7

Color: #CEECF5

Color:#A9E2F3

Color: #81DAF5

Color: #70AD47

Color: #adff2f

Color: #9FF781

Color: #00FF00

Color: #2EFE2E

Color: CEECF5

Color: #81F781

Color: #A9F5A9

Color: #CEF6CE

Color: #E0F8E0  - bkgd for hover

Color: #A9F5A9

Color: #A9F5A9

Note: the examples below show what would happen when hovering over a link - the are NOT links.

Shades of pink:

  1. #FBEFFB
  2. #F8E0F7
  3. #F6CEF5 — the color of the live hover example, above. It's my choice for balance of contrast.
  4. #F5A9F2
  5. ##F781F3

I used the  HTML Color Chart  to find hex codes for colors. The link has additional BOLD styling and has forced spaces before and after the name of the link to give a bit of emphsis before and after. But, probably can't do with css - that would be a challenge. I effected it with the   construct.