I'm someone who likes to hide posts on Reddit after I see them. That way, I never have to worry about seeing the same stuff over and over when I load reddit later. With this technique, the ONLY thing I see are fresh posts.<p>One problem: The "hide" link on posts is tiny, and appears in a different location under each post (depending on how many comments that post has, etc).<p>After suffering with this annoyance for over 10 years, I <i>finally</i> fixed the issue by deploying a custom CSS snippet inside of Reddit Enhancement Suite.<p>And here is the CSS code snippet, in case anyone wants to use it for their own RES config:<p><pre><code> /* Only apply custom hide button styling on listing pages */
.listing-page .entry {
position: relative;
padding-right: 100px;
}
.listing-page .top-matter {
margin-right: 10px;
}
.listing-page .hide-button {
position: absolute;
transform: translateY(-50%);
width: 100px;
height: 94%;
right: 4px;
top: 48%;
margin-bottom: 5px;
}
.listing-page .hide-button a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: #1a1a1b;
color: #909090;
border-radius: 3px;
text-decoration: none;
font-size: 14px;
font-weight: 500;
border: 1px solid #343536;
transition: all 0.2s ease;
}
.listing-page .hide-button a:hover {
background: #272729;
color: #d7dadc;
border-color: #d7dadc;
}
</code></pre>
Where to put the CSS snippet:<p>RES settings console → Appearance → Stylesheet Loader (stylesheet) → Load Stylesheets (loadStylesheets)<p>Side note: I highly recommend combining this with the "Fix Hide Links" and "Hide Link Instant" feature toggles in Reddit Enhancement Suite. Clicking the "hide" link to a post should just instantly hide the post.