I am looking to apply custom code (applying the difference blending mode) to a navbar that is a group of multiple text widgets.
However, when I bring the preset navbar in other pages, each text widget within the navbar group are all assigned new data_id’s, meaning I would have to manually target each one within the custom code css. The nav bar is 5 items long, and my portfolio will have lots of different pages for my projects, meaning 100+ lines of css just targeting these individual data_id’s for the nav bar. Not great practice!
Is there other ways to target the widgets in a more efficient manner? I’ve tried applying the css to the group that contains all the widgets, or targeting of the existing classes that make up the text widgets but to no avail.
Thank you!