The current SemPress theme places the Header image between the title and the start of the articles…

…which may be what was intended but I wanted it behind the title text so it was time to do some more CSS tweaking. Having moved the image I coloured the text from the cloud’s colours, used the darker blue corner of the sky both as a shadow under the title and as the background colour behind the articles. I rounded the corners of some images and the article’s panels.

Of course the moved image was screwed up on smaller screens so it is no longer shown on mobile devices – although some tablets will show it in landscape mode but not in portrait mode.

The amendments, which override the default CSS, now look like this:

As I’m sure there will be more to come I leave this here as an Aide-mémoire.

Yadit #100DaysToOffload

If one is going to write pompous posts one should be paying more attention to the details. As Kev Quirk kindly pointed out the colours were all screwed up on a small mobile screen and suggested some CSS to correct them…

It seems the SEMPress theme is inheriting the colour setting from the title when viewed on a small mobile screen – the mobile version on an iPad was showing correctly.

The WordPress theme customiser allows you to add CSS to override the original settings. So I left the text dark, set the title’s yellow colour and removed the wayward shadowing with the added CSS:

#site-title a {
          color: #ff0;
}

#site-description {
   font-size: 2em;
         color: #ff0;
}

body {
   text-shadow: none;
}

Which seems to have done the job but has probably screwed up something else somewhere.