Hide button link from tool box in block editor

  • Resolved Subhro

    (@subhro2321)


    5 years, 4 months ago

    I just want to hide 2 <button> in the tool area which comes when someone clicks the 3 dot button in block editor in extreme right side.

    I am not able to target it with the right css I believe. Can I get some help on this please.

    I have highlighted the target with 2 red box in the screenshot below.

    Screenshot: https://paste.pics/7b358d0fb483ea174b43d263f5acd4ab

    Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    5 years, 4 months ago

    This CSS should do what you want:

    div[aria-labelledby="components-menu-group-label-7"] button:nth-child(4), div[aria-labelledby="components-menu-group-label-7"] a:last-child {
    display: none;
}

    The label-7 and nth-child counts might vary depending on what other plugins might add to the menu, so use your browser’s element inspector tool to verify. I find it helpful to temporarily replace display: none; with background-color: blue; so I can verify I’ve targeted the right elements.

    Thread Starter Subhro

    (@subhro2321)

    5 years, 4 months ago

    Thank you @bcworkz! The CSS worked correctly.

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

The topic ‘Hide button link from tool box in block editor’ is closed to new replies.