Adam

I’ve now come so far with this, it is almost perfect. The Search Icon and Label in the top right on the desktop layout was tricky when I am using a photo as the Featured Image and the Cover Template, but I figured out what this meant

body:not(.overlay-header)

and now it’s great. WP changes the logo too to “Transparent Logo”.

I still have a problem with the links in the content and I don’t know what to do about that, the colour looks wrong. The contrast fails the test on the contrast checker, but I’m not sure I should introduce another colour. What do you think?

PS I swapped the Google Fonts plugin, so I’m now using Easy Google Fonts by Titanium Themes, which let me change the colour and a bunch of other CSS without requiring a premium upgrade ??

Ah, that is awesome, contrastchecker.online is just what I was looking for.

Your CSS pointed me in the right direction too, I just had to add a couple of extra bits to cover the word “search” and the menu toggle.

I’m not sure what to implement yet though since the contrast checker is telling me the colour scheme doesn’t have enough contrast, so I have some hard choices about what colours to use or adjust.

Thanks you very much for your input!

The only niggle I have now is with the Google Fonts plugin. It’d be easier to have a plugin that lets me change the color, so I figure I’ll have to search for another plugin where the font color functionality is in the free offering.

I’m still stuck on this ??

Do you think it is fundamentally wrong to use Twenty Twenty with a “dark” colour scheme?

Hi Laly, thanks for the CSS.

You’re right, the background has gone green (or blue-green to be precise). I’m not sure why. I am trying out some other changes but I didn’t think I’d published them yet – I must have accidentally though!

Your CSS is good, I should be able to sort the colour if it reverts.

Hi Everyone,

I’ve been trying to do some CSS myself but not getting very far.

How can change the background under the image where the caption is so that it’s the same background as the rest of the page. It’s using the header/footer background colour at the moment.

OK, thanks v. much. It works well now!

OK, thanks v. much.

Hi Ays – now I am confused! That snippet of CSS already appears in the page, except with max-width: 768px, and width: set to whatever I put in the form field, and unfortunately it has no effect.

I have found some other “@media screen” CSS in the source, so I’ll double check to see if it’s conflicting, but it doesn’t look like it.

I shall be educating my graphic designer! This is great, actually, assuming she appreciates the feedback because she’s being doing this pro bono.

Meanwhile I set the background color to #ededed and the line at the top disappears.

Thanks v. much for sorting this out!

No sorry, for the misunderstanding. I am talking about the Featured Image.

I don’t know how you guys established that the image contains the line. Just to double check, I opened it up in an editor and zoomed in right down to the pixel level so I could see the pixels along the top edge, and they are all grey. There is no top line of blue-green pixels in the image.

Here is the image URL:

https://carbonwatchdog.org/wp-content/uploads/3baysv9-grey.png

Please double check your findings. If you still mean that the line is in the image, then please explain how it appears in the browser but not GIMP – maybe an artifact of .png format? I have no knowledge of the technical details there.

Thanks.

Discovered that the thin line disappears if I reduce the window size small enough. I’ve got it open on Chromium in full screen and the graphic has a width of 2545.

If I reduce it to 1300, the line is razor thin.

At 800 wide, it’s gone.

By the way, a line is also visible at the bottom of the image – but it’s the header background color.

No, not fixed. They are absolutely still there. Well, glad you don’t see them because it’s a live website but weird – why do I see it?

It is really thin. Like there’s 0.5px border or something. Could you be overlooking it?

When can I post screenshots online for you to view?

Wow that link you gave is hard core. I had to keep thinking about what ‘canonical’ meant, i.e. I’m not sure I’m any wiser now.

So because WordPress is putting the Disallow: /URL into robots.txt, it is causing an error? But I can’t edit robots.txt myself, since it’s generated. I found a plugin called “Virtual Robots.txt” which I played around with but I’m not confident about it so I removed it again.

Hi Muhammad,

I don’t have a robots.txt on my system, WordPress generates it. This is what it looks like:

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php

Sitemap: https://carbonwatchdog.org/sitemap_index.xml

Oh no! I do want to try 2021, but not just 2021 – I want to obtain some specific functionality and not lose anything I haven’t made a note of (I haven’t documented anything to do with layout and design). However it’s not that super-important.

It looks like I will need to go the whole hog at some stage, because I’m pretty sure I will outgrow 2020 at some point. But I’ll need a staging server to try out the different themes and then tweak the new one until it’s ready to go live.

I guess I was being a bit naive.

Thanks for the info.