Micro.blog

joshsullivan
joshsullivan

Really starting to dig into CSS on Micro.blog, just today I’ve changed my theme twice and then created entirely different custom CSS based on that theme. It’s finally starting to look like what I want it to, although there is still work to be done.

ronguest
ronguest

@joshsullivan I’d be interesting in hearing more about this if you’re so inclined.

joshsullivan
joshsullivan

@ronguest I'm going to try to get a post together this weekend and include some references to sources. But if you have any questions I'm willing to answer anything. This being my first (serious) delve into CSS I'm pretty happy with the results with my very minimum knowledge.

ronguest
ronguest

@joshsullivan 👍🏼

uncrtn
uncrtn

@joshsullivan I can’t find a link to your blog. I’d like to follow the experiments. I changed my theme a few times myself.

joshsullivan
joshsullivan

@uncrtn My blog is at joshsullivan.blog but I haven't documented anything yet. I'll get a post together over this upcoming weekend about the process and some links to the CSS files.

uncrtn
uncrtn

@joshsullivan I wanted to check out the progress thus far. I love the blockquote styling. 👍

joshsullivan
joshsullivan

@ronguest As an aside, I just wanted to thank you for reminding me I wanted to change my Profile photo/avatar to a Memoji and had a little time today to do so, so Thank you!

joshsullivan
joshsullivan

@ronguest @uncrtn Just wanted to let you both know the post is up now: My Journey Into CSS

uncrtn
uncrtn

@joshsullivan very nice and detailed. I’ll have to copy some of it.

In reply to
uncrtn
uncrtn

@joshsullivan don't forget to align your avatar after the post which was moved down when adding a top margin to images:

post-meta img.avatar { margin-top: 0; }

joshsullivan
joshsullivan

@uncrtn Thank you, I didn't even see that.

I'll be updating shortly with that, and including a Dark theme post as well. I think I have the dark theme how I want it.

uncrtn
uncrtn

@joshsullivan I’ve been wanting to tackle a dark theme but I kept thinking I would miss some selector somewhere which would later not show up on the dark background.

joshsullivan
joshsullivan

@uncrtn Yes, thanks to you I found I had missed the Author Name right next to the Avatar on the post page in the Dark theme. In the next write up post I'll be including the changes I've made for dark mode, which hopefully has everything. Looking at past posts I haven't found anything glaring yet.

uncrtn
uncrtn

@joshsullivan keep up the good work 👍

ronguest
ronguest

@joshsullivan Thanks, added to Things to read this weekend.

ronguest
ronguest

@joshsullivan That’s a great write-up and collection of changes. One suggestion for something else to cover is a how-to on getting the changes into someone’s Micro.blog. Well done! 👍🏼

ronguest
ronguest

@joshsullivan I think your post should be put in the help pages for Micro.blog. Do you use Github? Manton has a repo where you could submit a help page.

joshsullivan
joshsullivan

@ronguest Thank You! I'll be updating the posts soon with instruction on how to add these changes.