>>Tell us what you are trying to do?
I need to add CSS to various elements of my site created using Toolset blocks that I cannot add within the user interface. I looked at the page source and saw that all the views and most blocks have these sorts of identifiers [data-toolset-blocks-container="0c2cf8955b886a2e34d0273e89a587b5"] ...which seemed to me like unique identifiers that I can use to hang CSS declarations on, like
div.data-toolset-blocks-container[data-toolset-blocks-container="0c2cf8955b886a2e34d0273e89a587b5"] {border: 6px dotted pink]
...but I'm now seeing that some of these identifiers are appearing on at least two different elements, so my single-use CSS declarations are getting applied in another place. Which is not what I want.
What are these identifiers? Are they supposed to be unique? If not, how are they generated and applied to toolset page/template elements?
What is the link to your site?
hidden link
Hello,
The "data-toolset-blocks-container" attribute is for admin side(react) usage, you can not use it to style the container block.
In your case, please edit the page/post, find and select the "Container block", in the sidebar, section "ID & Classes", setup your custom CSS class names, see my screenshot: container-block-css.JPG
Then use those custom CSS class names to setup your custom CSS codes.
Thanks for the reply.
I'm glad for the clarification though I now have some work to do 😉
I also note that views are wrapped in div tags with unique id attributes eg: <div id="wpv-view-layout-614" class="[long list of stuff]">
Can I use those id attributes to write CSS declarations eg: div#wpv-view-layout-614 {border: 1px solid #ccc}?
cmkl
Yes, you can use that id attributes to write CSS codes
My issue is resolved now. Thank you!
Actually, I am discovering much to my horror that Toolset renumbers the views it inserts into the div id="wpv-view-layout-614" tags that surround the content. I thought you said they were safe.