Please note that your question is about the Page Builder plugin, while this is the support forum for Black Studio TinyMCE Widget.
Anyway, what you want to achieve requires you to use IDs, not classes.
Links to anchors will look like this:
<a href="#anchor">Link text</a>
where anchor is the ID of the element you want to link to (target).
Page Builder automatically assigns IDs to rows, cells, i.e.:
<div class="panel-grid" id="pg-5681-0"><div class="panel-grid-cell" id="pgc-5681-0-0"><div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child" id="panel-5681-0-0-0"><div class="textwidget"><p><a id="anchor"></a><br> Hello</p>
</div></div></div></div>
where:
- pg-5681-0 is the id of the row
- pgc-5681-0-0 is the id of the cell
- panel-5681-0-0-0 is the id of the single widget
so if you want to link the widget you’ll use:
<a href="#panel-5681-0-0-0">Link text</a>
Of course you will need to inspect the HTML source code generated by Page Builder to discover the IDs.
Alternatively, you can explicitely insert an (invisible) anchor element inside the widget text (you’ll have to switch to text mode), i.e.:
<a id="my-anchor"></a>
and link to it as usual:
<a href="#my-anchor">Link text</a>
Way Cool. Makes complete sense. Thanks so much for the assist — even though my query overlapped with another plugin (your TinyMCE widget in Site Origins Page Builder cell). I lost track of who was who at the moment. ~Don
