Baskerville 2: Theme font issues
-
I understand completely. This isn’t a Baskerville issue, though – all themes load the Like button inside an iframe, so it cannot be overridden with custom CSS in any theme.
This is a restriction to how Likes themselves work on WordPress.com – they simply weren’t designed to be manipulated by custom CSS, and it’s unlikely that this will change any time soon.
-
Thanks @kokkieh :)
Interesting though if this is a WP issue, then check this blog out that’s also using Baskerville 2. The link displays in rgb(19, 196, 165) and is much closer to my site’s link colour. One of the reasons I thought this could be changed with CSS.
-
Right. That is because that’s the link colour for the theme’s default colour scheme. The colour you’re seeing on your site is because you chose a different colour palette in the Customizer. Changing the colour palette or selecting a custom background colour for the site affects the Like iframe as well, but the same cannot be done with custom CSS, so for the Like section you’re restricted to the site’s colour scheme only.
-
Cool – I’m persistent, sorry!
I’ve manually changed the Links colour in Customizer to match the colour in my CSS (#a1ebde).
This has forced the teal to a greener colour, but still hasn’t matched #a1ebde and still not compliant.
From what you say (unless I understood you incorrectly), the Like iframe inherits the theme’s colour scheme and changing this changes the generated Like iframe colour. But in this case, manually changing the theme’s colour has not changed this to exactly what I’ve entered, which I thought it would from your explanation.
I know I’m being pedantic but as you know, colour schemes are critical in website design, especially for usability.
Thanks again for all your great help @kokkieh :)
May be this info will help another WP user.
-
From what you say (unless I understood you incorrectly), the Like iframe inherits the theme’s colour scheme and changing this changes the generated Like iframe colour. But in this case, manually changing the theme’s colour has not changed this to exactly what I’ve entered, which I thought it would from your explanation.
It should, and for me it does on a test site. But I can replicate it not happening by also setting a custom background colour like you have. Setting a custom background causes font colours to automatically adjust to maintain a proper contrast level, and it looks like that overrides the Link Color setting in the Palettes section.
-
I’ve played around with much lighter variations of #a1ebde in the Link setting to force a lighter colour. But, still the contrast that’s populated isn’t light enough (#187b5f) or compliant and seems to only go slightly lighter.
If I force this with an almost white, it defaults back to the dark teal colour from before. So, as I have a dark background #151515, this isn’t ‘maintaining a proper contrast level’ as it’s supposed to be – maybe it’s a bug?
-
Hi @nilla2014, my guess is that the theme is actually trying to preserve contrast, as all of its palettes give posts a white background. So it’s taking your teal and making it dark enough to show up against white.
I’m not sure how best to address this with Jetpack’s likes window, though. We could file a feature request to be able to indicate a color there, but I’m not sure when that could be completed.
-
I followed up with our theme developers and confirmed that is indeed what’s happening here; Baskerville is set to have white backgrounds on posts, so any link color you try to choose that is too light will be automatically darkened (as you’d likely see if you took out your overriding CSS).
There isn’t a great way to address this unfortunately without a major rewrite, which would affect existing sites.
It is only the likes that are affected, for what it’s worth, so you could potentially just disable that display if needed. Sorry I don’t have a better solution for this.
-
Hi @supernovia
Many thanks for the explanation and whilst not great for compliance, there’s nothing much that can be done. I’ll just have to put up with it displaying this way as I don’t really want to disable this feature.
Thanks again :)
- The topic ‘Baskerville 2: Theme font issues’ is closed to new replies.
WordPress.com Forums 