Solved I'm seeing a duplicate ID (et-boc) when Divi Ultimate Header Plugin is activated.

I'm seeing a duplicate ID (et-boc) when Divi Ultimate Header Plugin is activated.

See: https://wpbns.com

This is the line (in the source code) where I see the duplicate:

</header><div id="et-boc" class="et-boc"><div class="free-du-plugin-header et-l"><div class="et_pb_section et_pb_section_9 free-desktop-padding-top-zero et_pb_equal_columns et_section_specialty" >

The main Divi theme has the following in the source code:
<div class="entry-content">
<div id="et-boc" class="et-boc">

So the code added by the Divi Ultimate Header Plugin is adding the duplicate.
</header><div id="et-boc" class="et-boc"><div class="free-du-plugin-header et-l"><div class="et_pb_section et_pb_section_9 free-desktop-padding-top-zero et_pb_equal_columns et_section_specialty" >

Since it is not recommended to have two ID's on the same page that are identical, I'm curious if and how this can be resolved?

Please let me know.

Thank you,
Gary Gordon

NOTES: I am using the Divi Ultimate Header Plugin v 3.1.0 and the Divi Ultimate Theme v8.1.0. And I'm using Divi v4.10.5 and WordPress v5.8.

 

Well, a duplicate ID on a webpage is not good Isn't it possible to make this a CLASS instead of an ID if you need to use the same name of et-bot? Or, if that doesn't work, can't you re-write the requirements to use a different ID tag, such as et-bot-ex or something else that would be appropriate? See this: https://html.spec.whatwg.org/multipage/dom.html#the-id-attribute I'd really appreciate it if you would look for another solution so we can avoid having any duplicate IDs. Please let me know what other options you can come up with? Please let me know. - Gary

 

What application, plugin, etc., is writing this code?

<style id="et-builder-module-design-348753-cached-inline-styles">.et-db #et-boc .et-l .et_pb_text_0_tb_header.et_pb_text{color:#8300E9!important}</style>

I see you're already including the class="et-boc" . Can't you just include both the .et-boc and .et-db ? (Instead of id=et-boc and class=et-boc) Could this work?

We just need to somehow remove the id="et-boc" I hope you agree that this is not good and doesn't pass html validators.

Gary

 

Thanks. That will help. But I'm still not understanding why you need to include id=et-boc and that you can instead use class="et-db" like this:

Since you're saying Divi adds this code to CPT pages:

<style id="et-builder-module-design-348753-cached-inline-styles">.et-db #et-boc .et-l .et_pb_text_0_tb_header.et_pb_text{color:#8300E9!important}</style>

Instead of your plugn adding:

<div id="et-boc" class="et-boc"><div class="free-du-plugin-header et-l"><div class="et_pb_section et_pb_section_9 free-desktop-padding-top-zero et_pb_equal_columns et_section_specialty" >

can you instead use::

<div class="et-boc et-db"><div class="free-du-plugin-header et-l"><div class="et_pb_section et_pb_section_9 free-desktop-padding-top-zero et_pb_equal_columns et_section_specialty" >

If this can't work, then if you can implement it only on pages using CPT, that would help. But please let me know.

Gary

 

I need to say, first ... I'm thrilled that you finally re-did things so the theme and plugins will auto-update within WordPress. This is totally awesome. Second, I really appreciate your help with this, and quick assistance. Again, totally awesome. Thank you very much.