Hi, you’d need to undo all of the CSS that adds the drop cap:
.format-standard .entry-content>p:not(.intro):first-of-type:first-letter, .format-standard .entry-content>p.intro+p:first-letter {
display: inline;
font-family: inherit;
font-size: initial;
font-size: initial;
font-style: normal;
font-weight: initial;
float: unset;
line-height: initial;
margin-right: initial;
margin-bottom: initial;
}
Hoping this helps 🙂
@supernovia thanx for the reply! that works perfecly when viewin site on desktop but on Mobile The first letters not a full drop capo any more but itsstill a bit bigger & bolder than normal?? does that code need to be repeated but made to apply to mobile?
Hi there,
I checked this CSS on a test site and for me it corrected the drop cap issue on mobile. You can see a screenshot here (no CSS on the left, with the CSS code on the right)
https://d.pr/i/4HyaK6
With that in mind it sounds like this may be an issue that is specific to your site, due to a plugin conflict perhaps? Are you able to share a link to your site so we can take a look?
It’s hard for us to suggest changes to the CSS if we can’t see it on our end, so I’m hoping you can share that link so we can see why your site is behaving differently, thanks!
@jerrysarcastic yup it was a plugin causin the problem!went thru and deactivatedc them one by one and found the bad egg lol! thanx!
i then also noticed that the css code psoted above was stripping the italics or bold from that first letter if it was aspresent and fixed that by changing thiese lines to
font-style: inherit;
font-weight: inherit;
thanx again for your the help @supernovia!!
