Using the Ascend wireframe editor you can easily select an element and tar adding your variations. There may be cases where there’s an element nested within other elements and you’ll need to target the element by entering the appropriate selector.

You can do this by following the steps outlined below.

Step 1: One the webpage you’re editing in a new tab in Chrome

Step 2: Go to the Chrome developer tools (on Mac: Command+Option+J, Windows: Control+Shift+J)

Step 3: Inspect the element using the Chrome element inspector

Step 4: Make the desired changes in Chrome (e.g. via CSS toolbox)

Step 5: Copy the selector shown in Chrome

Step 6: Go back to Ascend, and click on the element

Step 7: Replace the existing selector

Step 8: Click “Save Element”

The steps are also shown in the tutorial video, below.

Did this answer your question?