无法在Web Inspector找到页面元素，寻求隐藏方案（WordPress编辑器相关）

Hey there! Let's work through this frustrating problem where that elusive "BEZÁR" text pops up next to the "Becsuk" button, but you can't track it down in the inspector. Here's how to tackle it step by step:

Step 1: Pinpoint the Elusive Element First #

Since the element only appears after clicking "MÉG TÖBB", it's likely dynamically added to the DOM. To catch it in the act:

• Open your browser's Web Inspector (right-click → Inspect or press Ctrl+Shift+I/Cmd+Opt+I)
• Switch to the Elements tab
• Click the "MÉG TÖBB" button to reveal the "BEZÁR" text
• The second you see it, press F8 (this pauses JavaScript execution, freezing the DOM so you can select the element without it disappearing)
• Now you can hover over the text in the page to highlight its corresponding node in the Elements panel, or use the inspector's picker tool to select it directly

Step 2: Hide It with Custom CSS #

Once you've got the element's selector (like a class, ID, or parent-child relationship), add this CSS to your WordPress site's custom CSS area (Appearance → Customize → Additional CSS):

Example CSS Snippets #

• If you found a specific class for the text (e.g., .bezár-text):

  .bezár-text {
    display: none !important;
  }
  

• If it's a text node inside an auto-generated <p> tag (thanks to SiteOrigin's paragraph setting):

  /* Target the section and auto-generated p tag containing BEZÁR */
  #bemutatkozas p:contains('BEZÁR') {
    display: none !important;
  }
  

• If it's a pseudo-element (like ::after on the "Becsuk" button):

  /* Replace .becsuk-button with the actual button class */
  .becsuk-button::after {
    content: none !important;
  }
  

Fallback if You Still Can't Locate the Element #

If the pause trick doesn't work, try targeting the general area around the "Becsuk" button. For example, if the button is inside a widget container:

/* Adjust the selector to match your page's structure */
#bemutatkozas .so-widget-sow-button + * {
    display: none !important;
}

Why This Happens with SiteOrigin's Paragraph Setting #

The "Automatically add paragraphs" feature inserts <p> tags around unformatted text, which is probably wrapping that stray "BEZÁR" text into its own hidden (or partially hidden) container that only becomes visible when the section expands. The CSS above will suppress that unwanted text without disabling the paragraph setting you need for proper content formatting.

内容的提问来源于stack exchange，提问作者iorgu