This Guide is for the legacy DesignPLUS sidebar (installed before July 2023). Visit the Current User Guide for information for newer installations or those who have upgraded.

Set various HTML Attributes

Customize the Style Adjust HTML Attributes

With the HTML Attributes tool, you can adjust the id, class and style attributes of a selected element.

 

Interface

HTML Attributes interface

Turning on the HTML Attributes Tool

 This is and Advanced level Design Tool 

To turn this tool:

  1. Click the Design Tools Settings icon  in the Jump Menu
  2. Do one of the following:
    1. Choose  Advanced from the Select a Comfort Level area
    2. Manually turn on this tool by finding the HTML Attributes tool in the list and clicking the switch below the tool name
  3. Close the Design Tools Settings

Instructions

To adjust the HTML attributes of an element:

  1. Open the page for editing.
  2. Click Launch Design Tools.
  3. In the Design Tools menu, click Customize the Style.
  4. Click Current Element Style.
  5. Click the HTML Attributes tool to expand tool if needed.
  6. Place your cursor within the element to which you want to adjust the attributes.
  7. Use the Apply To controls if you want to target a parent element (hovering over buttons in the Apply To controls highlights that element in the content).
  8. Adjust the attributes as desired.
  9. On the content page, click Save.

Tip: You can click the Jump to Current Element Style panel button in the jump menu to jump right to the Current Element Style section.