Blog tweaking

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

More attention to detail :-/

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.