Re: content padding. I ended up reducing it to zero, and blending the background. I found it pretty unusable on my phone with 540px width with anything above 20px (and 20px looks bad on desktop).
It was easy to hack the min/max settings in the plugin. Nicely coded!
I’m using a content width of 1000 without side effects, but my layout is without side bars. The article text is just too wide at 1200 – bad for reading. I’ve also used the following css before to keep articles narrow and keeping the site wide (would be useful to have something like this in the ui) (don’t know if there’s a cleaner way to write the selector):
article, div.after-entry.widget-area, #respond, #comments, .author-box {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
Yeah, I figured out how the header vertical spacing works. I suppose it works – gives it some flexibility in unusual cases. But auto-middle-allign would be a nice option.
Thank you for being open to feedback. Here are some other tweaks that I did not find in the ui:
//list items styling
.content li {
list-style-type: square;
padding-bottom: 30px;
}
//header background (different from logo – see unikurn.com – resize viewport to see the effect)
.site-header {
background-image: url(“header_back_cr_1920.png”);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
//spacing between widgets
.sidebar .widget {
margin-bottom: 0;
}
Cheers!
