AndyNicolaides
AndyNicolaides

Can any CSS pros let me know what I need to change to make the posts on this page not fill the entire screen at all? I think it’s fine on mobile, but looks too wide on desktop I think. acn.lol/ thank you!

|
Embed
Progress spinner
gdp
gdp

@AndyNicolaides Try max-width: 40em; in your body element. You can adjust as you see fit to make it narrower.

|
Embed
Progress spinner
In reply to
AndyNicolaides
AndyNicolaides

@gdp perfect, thanks Gregory!

|
Embed
Progress spinner
gdp
gdp

@AndyNicolaides Also, if you want to decrease the image size in your Micro.blog site, since you're already running a custom version of Tiny theme, you can go into the template's main.css file, find the following CSS (about halfway down), and either delete width: 100%; or comment it out like /*width: 100%;*/. Just don't forget that you've edited it if you ever update the theme files.

article img, .e-content img, .p-summary img { width: 100%; height: auto; border-radius: 5px;

|
Embed
Progress spinner