{"id":181,"date":"2020-04-22T06:24:33","date_gmt":"2020-04-22T06:24:33","guid":{"rendered":"https:\/\/localhost\/bricksacademy\/?post_type=bricks_article&p=181"},"modified":"2021-03-05T13:27:57","modified_gmt":"2021-03-05T13:27:57","slug":"editing-elements","status":"publish","type":"bricks_article","link":"https:\/\/academy.bricksbuilder.io\/article\/editing-elements\/","title":{"rendered":"Adding & Editing Elements"},"content":{"rendered":"\n
To add an element to the canvas simply drag it from the panel and drop it anywhere onto the canvas.<\/p>\n\n\n\n
Click on any element to start editing it. The panel will now show you all available controls of the selected element. <\/p>\n\n\n\n
Tip:<\/strong> You can edit text directly on the canvas by clicking on it and start typing. Select text portions with your mouse to reveal the text formatting toolbar with various styling options such as bold, italic, links, etc.<\/p>\n\n\n\n Element controls are organized under two tabs: CONTENT<\/strong> and STYLE<\/strong>. Sections, rows, and columns don’t have a control tab, as all controls are styling-related.<\/p>\n\n\n\n Content controls affect the actual element markup (HTML) of your page. The screenshot below shows you all available Content controls for the image element:<\/p>\n\n\n\nTab: Content<\/h2>\n\n\n\n