WordPress deleting custom HTML?

adfun77
(@adfun77)

4 years, 2 months ago
I’m creating a brand new page and I copied an HTML element from another part of the website and did some editing for a special promotion. Appearance-wise everything looks fine except the product image is not displaying. In the HTML under the product details image container, the span section keeps deleting the part where it fetches the image.

Example: <span class=”product-details-image” style=”background-image: url(‘Insert URL’)”></span>

After I update it with that line of HTML and publish the changes I go back and look at the code and everything after “product-details-image” is gone.

I’ve gone into inspect element and added it just to make sure I’m getting everything right and it adds the product image.

Any idea why this would be happening?
- This topic was modified 4 years, 2 months ago by Jan Dembowski.
The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Moderator threadi
(@threadi)

4 years, 2 months ago

It would be interesting to know which PageBuilder you are working with? So the interface in which you have inserted the HTML code? With Gutenberg, for example, it would be the HTML block that would be suitable for this.

Thread Starter adfun77
(@adfun77)

4 years, 2 months ago

To be honest i’m not too sure, this is for a client that I do PPC marketing for so I didn’t set their WP up. All I did was go to pages > add new

On the page I added content block called “code”. Is there a way to check if its gutenburg? I’m definitely not an HTML expert, but I do know how to take existing blocks, copy the HTML, paste it in a new page and edit it so it looks how I want it to look. The web dev agency is busy working on another project for this client so it was up to me (the marketing agency) to make this landing page.

I’ve cross-referenced the HTML for the original content I copied and everything lines up so I have no idea why WP is doing this.

Moderator threadi
(@threadi)

4 years, 2 months ago

Does the editor view look like this (that would be Gutenberg):
https://kinsta.com/wp-content/uploads/2021/07/block-editor-interface-1024×880.png
Source: https://kinsta.com/de/blog/gutenberg-wordpress-editor/

Or like here (that would be Elementor):
https://www.webmatros.com/wp-content/uploads/2018/04/elementor-wordpress-page-builder-760×475.png
Source: https://www.webmatros.com/elementor-wordpress-page-builder/

Or even like here, that would be Classical Editor:
https://ps.w.org/classic-editor/assets/banner-772×250.png?rev=1998676
Source: https://ww.wp.xz.cn/plugins/classic-editor/

Thread Starter adfun77
(@adfun77)

4 years, 2 months ago

It looks like the classical editor

Moderator threadi
(@threadi)

4 years, 2 months ago

The Classic editor removes some HTML tags by default, including the span element. To add the span element to the allowed HTML elements, you need to make the addition described here in the theme’s functions.php or via a plugin: https://gist.github.com/tylerforret/d383b9af6b43e64293ad9d582ece475b

I have just tested this successfully with a current WordPress 5.9.3 and the Classic Editor.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘WordPress deleting custom HTML?’ is closed to new replies.

WordPress deleting custom HTML?

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics