Quantcast
Channel: WordPress.org Forums » All Topics
Viewing all articles
Browse latest Browse all 59525

Styling of Pseudo Element ::first-letter not possible

$
0
0

Replies: 0

Hey Guys,
first let me say: Thank you so much for the hard work you did develop this plugin, really enjoying it!

I got a little “issue” on my site, let me try to explain:
I wanted to use a CSS Class for styling the first character of my Headlines with the pseudo selector ::first-letter when a certain class is applied.
This is working when the Plugin is not active
Example Css Code:
h2::first-letter {
font-size: 100px;
}

The Problem is, when the Plugin is activated, there are span classes added inside the heading elements, surrounding the text inside the hX elements. So, the pseudo-selector ::first-letter is not working, because the text is technically not inside the heading element. (And neither in the span elements, because they are closed)

1. Is there a way to select the text in CSS, which I am maybe don’t know?
2. If not, is there a way to tell the Plugin to place the Span-Elements right after the heading, and would the links of the index working normally when placed this way?
3. Is there another workaround?

Thank you for your Time
Simon


Viewing all articles
Browse latest Browse all 59525

Trending Articles