You are viewing a single comment's thread.

view the rest of the comments →

0
2

[–] Nurdoidz 0 points 2 points (+2|-0) ago 

You are very welcome! Your sub's looking pretty snazzy, but the text may be hard to read in some areas. I recommend putting the text parts on sections that are more opaque, like this example I whipped up. If you'd like to achieve that look, here is the code:

.sitetable.linklisting {
    background-color: rgba( 255,255,255,0.8 );
    border-radius: 3px;
    padding: 8px;
}
.side {
    background-color: rgba( 255,255,255,0.8 );
    border-radius: 3px;
}
.comment.thread {
    background-color: rgba( 255,255,255,0.8 );
    border-radius: 3px;
    padding: 8px;
}

Otherwise, good luck on your journey in subverse design! :-)

0
1

[–] Chai_Ito [S] 0 points 1 point (+1|-0) ago  (edited ago)

That looks great, I'll happily appropriate your suggestions! I knew text contrast was a problem - voat has a very washed-out color scheme in not night mode... But I couldn't figure out what selectors (I think it's a selector, anyway) to tweak to make those changes. My guess is you'll hear from me again when I run into future problems, but I'll try not to bombard you. Thanks again!

Edit: looked back at your first post, might be a class handle not a selector. In either case, it works and looks much better :)

0
1

[–] Nurdoidz 0 points 1 point (+1|-0) ago 

I knew text contrast was a problem - voat has a very washed-out color scheme in not night mode

Ah, yes, I take the blame on this one. It is true: for some reason the designer inside of me told me everything should be white. But, there's a good reason! I designed the themes so it wouldn't be too much of a hassle for the community to create their own subverse themes (think templates)!


But I couldn't figure out what selectors (I think it's a selector, anyway) to tweak to make those changes.

No fret! They're actually called CSS classes or IDs. Difference between the two is that IDs are clipped onto elements that are only used once (there's only one header on this site, so ID works best in that case), and classes are slapped onto reoccurring elements like comments or buttons. IDs use # and classes use . at the beginning of the class/ID name.

As for finding out what classes/IDs to modify, hit that F12 key (assuming you're using a modern, popular browser like Chrome, Firefox, IE, etc.). A pane should come rushing in. On said pane, you're going to see a button that (typically) looks like an arrow pointing to a box, called 'inspect element' or something of the sort. Click it. Then, just click on anything on the webpage and it'll point you toward that exact HTML tag with the appropriate CSS class/ID, if it has one.


My guess is you'll hear from me again when I run into future problems, but I'll try not to bombard you. Thanks again!

Please, please. I should be thanking you! By posting your questions on this sub, you're effectively saving the extra step for lurkers who have the same problem. So, whatever the opposite of feeling bombarded is, I'm feeling it! Thanks for stopping by. :-)