Skip to content

Instantly share code, notes, and snippets.

@wplit
Last active May 14, 2026 05:44
Show Gist options
  • Select an option

  • Save wplit/879854c1dc148d0be3d4d4bcaa287251 to your computer and use it in GitHub Desktop.

Select an option

Save wplit/879854c1dc148d0be3d4d4bcaa287251 to your computer and use it in GitHub Desktop.
some css for styling arrows in structure panel
/* to make them more visible (default was 0.4) */
#bricks-structure .structure-item svg {
opacity: 1;
}
/* to change the color of the arrows */
#bricks-structure .toggle svg {
color: red;
}
/* to change the color on hover */
#bricks-structure .toggle svg:hover {
color: blue;
}
/* if you want to change for arrows when inside components only */
#bricks-structure.component .structure-item svg {
opacity: 1;
color: green;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment