I visit LinkedIn daily and find things very difficult to read.

  • The font is too small (despite increasing the size on my OS and in my browser).
  • It only takes up a small part of the center of the screen, zooming in doesn’t help increase things well enough.
  • Too many promoted listings.
  • Difficult to read font (too small, too light).

Because I want my experience to work for me I use a Chrome plugin called StyleBot. I added some basic CSS and now it’s better for my needs. Scroll down after the image to see the details and how to make your LinkedIn experience better (it’s very easy).

A split image showing the original LinkedIn on top and a customized larger easier to read version on the bottom.

This may not work for you (or you may not like it) but for me it makes the site much more usable. The great thing about StyleBot is that it works on any site and is only for you – so changes you make only show up for you. It has a more wizard like mode (point and click) and a power user mode where you can add code directly.

Not only is this a great way to customize a site but it’s a great way to test changes to a live site like creating dark mode for sites that don’t have it.

Need a customization like this? Let me know and I’ll help make it happen.

Below is the code I use on my page to get the effect above.

Just install the plugin, go to LinkedIn, open Stylebot on your extension bar, click Open Stylebot, then click on the code view button (at the bottom), and paste this in there and you’ll see the same changes. Oh, it also hides some promoted listings. 🙂 This is a great way to make simple changes like font size, font weight, font color, remove images, remove ads, etc.

I hope it helps.

html { font-size: .85rem;}
.message-history .thread-entry .thread-body { color: #000; font-family: arial;}
.t-12 .t-normal.t-black--light.job-card-container__footer-item { font-size: 1.2em; background-color: yellow;font-weight: bold; }
.scaffold-layout--reflow { --scaffold-layout-gutter: 0rem; }
.scaffold-layout-container { margin-left: 10px; margin-right: 10px; max-width: var(--scaffold-layout-none-max-width); max-width: 100%!important; min-width: 100%!important; }
#fie-impression-container:has(a[aria-label="Promoted"]) { display: none; }