# How to modify selected element data

**URL:** <https://forum.pinegrow.com/t/how-to-modify-selected-element-data/8156>\
**Category:** Pinegrow WP\
**Created:** [June 17, 2023, 12:46am UTC](https://forum.pinegrow.com/t/how-to-modify-selected-element-data/8156 "2023-06-17T00:46:34Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![suabahasa](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/suabahasa/32/5182_2.png) [@suabahasa](https://forum.pinegrow.com/u/suabahasa)\
**Post date:** [June 17, 2023, 12:46am UTC](https://forum.pinegrow.com/t/how-to-modify-selected-element-data/8156/1 "2023-06-17T00:46:34Z")

</div>

How to modify selected element data from the browser console?

I want to change the font-family name of the selected element via the browser console.

I couldn’t find documentation about API or anything for dev.

I really appreciate any help you can provide.

---

<div class="post-metadata">

**Author:** ![suabahasa](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/suabahasa/32/5182_2.png) [@suabahasa](https://forum.pinegrow.com/u/suabahasa)\
**Post date:** [June 17, 2023, 8:16am UTC](https://forum.pinegrow.com/t/how-to-modify-selected-element-data/8156/2 "2023-06-17T08:16:26Z")

</div>

Well, I managed it.

Now released the [Pinegrow](https://wordpress.org/plugins/yabe-webfont/#developers) integration on version [1.0.33](https://wordpress.org/plugins/yabe-webfont/#developers)

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [June 17, 2023, 8:40am UTC](https://forum.pinegrow.com/t/how-to-modify-selected-element-data/8156/3 "2023-06-17T08:40:39Z")

</div>

@suabahasa

Interesting!  
Can you tell us more about your plugin and its scope of action?

---

<div class="post-metadata">

**Author:** ![suabahasa](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/suabahasa/32/5182_2.png) [@suabahasa](https://forum.pinegrow.com/u/suabahasa)\
**Post date:** [June 17, 2023, 12:50pm UTC](https://forum.pinegrow.com/t/how-to-modify-selected-element-data/8156/4 "2023-06-17T12:50:46Z")

</div>

@Emmanuel

Our plugin is a GUI-based font manager with the self-host Google Fonts feature.  
The scope of action is to integrate the font managed by Yabe Webfont and make it available in the Pinegrow editor.

Here is the snippet code that I managed:  
[https://plugins.trac.wordpress.org/browser/yabe-webfont/tags/1.0.33/src/Builder/Pinegrow/assets/script/pinegrow.js?rev=2927295](https://plugins.trac.wordpress.org/browser/yabe-webfont/tags/1.0.33/src/Builder/Pinegrow/assets/script/pinegrow.js?rev=2927295)

Our website is available at [https://webfont.yabe.land](https://webfont.yabe.land) for the plugin’s complete information.

Alongside the free version, we also have a pro version.  
Both have the same feature except for the integration.

If you want the pro version license, DM me, and I will send it to you and the Pinegrow team.

---

<div class="post-metadata">

**Author:** ![suabahasa](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/suabahasa/32/5182_2.png) [@suabahasa](https://forum.pinegrow.com/u/suabahasa)\
**Post date:** [June 19, 2023, 2:21pm UTC](https://forum.pinegrow.com/t/how-to-modify-selected-element-data/8156/5 "2023-06-19T14:21:43Z")

</div>

@Emmanuel

I want to propose an idea.

I would happily include the integration on the FREE version ([WP.org](http://WP.org)),  
with the exchange that our plugin is featured on the Custom Fonts-related docs of Pinegrow WordPress.  
I believe this is an excellent strategic partnership for both of us.

What’s your thought?

cc @matjaz