[Mongoid]

I have been trying to replicate a site from around 2014 that was hacked. The theme was Tempera and I don’t think it had been updated by the owner ever. The original CSS was saved in a .txt file. At that time the H2 headings were modified to use a border, a background color change and a shadow.
`#content .entry-content h3 span {
color: white;
background: #D85E2D;
border-radius:5px;
box-shadow: 3px 3px 2px 2px #aaaaaa;
}
When using this same CSS on the new site there is no change to the headings. If I don’t use the span qualifier, the entire element is affected across the page. Is there a way to limit this formatting to just the text in H3?

Thanks in advance for any input.

[Mongoid]

When using inspector I notice these differences.
On the old page the element is:

<div class=”entry-content”> == $0
<h2 class=”topheader” style=”text-align: center;”>
<span>Backhoe Services</span>
</h2>

On the new page it is:

<div class=”entry-content”>
<h2 class=”has-text-align-center”>Backhoe Services</h2> ==$0

Is this a result of me using the block editor where the old one had not?

Will there still be a way to accomplish the desired formatting in this case?

Thanks again folks

[Mongoid]

If I don’t use the span qualifier, the entire element is affected across the page.

I realize now, by removing the span tag , I was trying to apply CSS to a block element and it was behaving as it should by formatting the entire width of the page. I got the look I wanted by using an HTML block instead of the H2 blocks in the WP Block editor. I could not figure out how to isolate the Block text for formatting. I am not a professional, just trying to help out a friend. I would take any of my advice lightly in regards to WP. Just passing on what I did.

[Zed]

You seem to be referring to both H2 and H3 tags – the styling refers to H3 while your markup indicates the use of H2.

The difference does stem from using different editors (classic and block), but the old markup is not generated by the theme but manually entered in the content. This means it most likely also needs to be manually entered in the block editor (since the preset blocks rarely have such advanced markup controls).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts