I was working in Twenty Twelve, but I put in a background image, and couldn’t find how to break up the mid-background, the white block that went behind pages and posts and went down the entire page. I found that Twenty Fifteen does that quite nicely.
So I switched to Twenty Fifteen and started hacking that instead.
I found how (or rather “where”, as I’d already done it in Twenty Twelve) to do rounded corners: https://en.forums.wordpress.com/topic/rounded-corners-in-twenty-fifteen – I found more places to add the code for a more uniform look.
I found this on putting a menu at the top of twentyfifteen: https://www.findurlaptop.com/tech/2015/01/14/top-header-menu-in-twenty-fifteen-wordpress-theme/ – it looks even better than twentytwelve.
I found this on adding the site logo to the top of the page: https://www.findurlaptop.com/tech/2014/12/27/use-website-logo-twenty-fifteen-wordpress-theme/ – I was less thrilled with that. I copied a bit of twentytwelve code so that the header image chosen in the customizer would be the one used, the result was ok but I shrunk down the logo and put it in the menu bar instead.
I found the threads on this support forum that talk about removing the sidebar ( https://www.ads-software.com/support/topic/sidebar-width-35 – display:none on body:before AND .sidebar), which works – on the desktop screen sizes, it reappears at the top when I make my browser too thin.
The logo-in-sidebar was stretched out past the screen size until I changed .site-branding to “display:none”, which made it fit just right.
Hey, if I could get the sidebar to behave like that on larger screen sizes, I might want to do that!
Or I might still want to get rid of it, whichever looks better.
Either way, playing with “display:none” on various hopeful-looking settings in style.css in order to find what to copy or disable, as appropriate, has not yielded equally hopeful results.
I’m playing with twentyfifteen on a Virtual Machine to get it right before I release it into the wild.
