How to Edit Icons in Thrive Architect Buttons

In this tutorial for Thrive Architect we're going to take a quick look at how to edit icons inside of buttons.

First, select your button and inside the Main Options enable the "Add Icon" toggle.

To edit the icon directly you'll want to click on the icon itself within the button. You'll notice within the breadcrumbs of the Thrive Architect editor that you are editing the icon within the button.

Now you can edit what icon you're using (defaults as a credit card), color, size, and other normal editing options.

Editing the Hover State of an Icon

You can change what happens to your button icon when hovering by selecting the hover state. 

hovering over icons in thrive architect buttons

Important Note: You can edit what happens to the icon when you hover over only the icon, or you can edit what happens to the icon when you hover over the button

To edit what happens to the icon when you hover only over the icon itself, first click on the icon then click on the hover state options. 

To edit what happens to the icon when you hover over the button, click on the button first then click on the hover state. Once in the hover state, click on the icon.

You can follow along with this tutorial and see it in action by viewing the video below.

Have any questions about using icons with buttons in Thrive Architect? Feel free to leave a comment below and I'll get right back to you.

  • Simon says:

    Hello there, how would one change the menu dropdown icon? Designer wants me to use his icon for menu dropdowns. Appreciate your help

    • Doug says:

      You select submenu items and on the left side turn on image or icon.

  • >