Modified SemPress

Were one to exist, I could enter myself into a WordPress theme switcher contest, and I would win easily. Support for IndieWeb technology, namely microformats 2, is sorely lacking in all major theme houses that I have tried. The few themes that do support IndieWeb tech are aesthetically challenged. I have tried them all. The latest one I am trying out is SemPress, mostly because it is minimalist and I was able to modify it to meet some of my needs. SemPress was written by Matthias Pfefferle.

I wanted my images to display larger than the narrow 670px of the default SemPress. Most of my photography is landscapes and cityscapes. These are scenes which I think show best when displayed as large as possible. There are few art galleries displaying landscapes as framed 4x6" prints. The larger the better. I wanted my landscapes to appear as wide as they can on a 10.5" iPad Pro.

After hours of trial and error -- I have limited understanding of CSS -- I have something that works for me. I modified the CSS as follows.

#primary {
        float: left;
        width: 960px;
}

#page {
 display: block;
 margin: 0 auto;
 position: relative;
 width: 960px;
}

@media (min-width: 960px) {
 .single-column #page { width:960px }
}

There is a weird interaction with the JetPack image CDN. When enabled, all images are displayed no larger than 670px wide. I turned off the feature.

Author:Khürt Williams

A human who works in information security and enjoys photography, Formula 1 and craft ale.

5 thoughts on “Modified SemPress”

  1. Chris WordPress supports HTML in the comments, as well as Markdown. That's how I was able to send you a manually Webmention reply right from the comment box on my website. It took me about 30 minutes of digging around in the theme but I found where I could put the webring code in the footer.php file. Then I went ahead and added custom RSS feeds.

    You'll need to put tags around the code or use markdown "~~~" around the code.

    Worthwhile reading: Sending your First Webmention from Scratch.

  2. Pingback: Chris Beckstrom's Homepage

    1. Hi Chris, I think you know more about CSS than I do. You've done a great job with your modifications to SemPress. Perhaps you can help me. I see you enabled IndieWeb Ring in your theme. I had the IndieWeb Ring on my last theme but I don't know where it goes in my theme. I like where you have placed yours at the bottom. How did you do that?

Comments are closed.