Edit your code

Code view lets you view and edit your code in Google Web Designer's built-in code editing tool. In addition to HTML, you can create CSS, JavaScript, and XML files in code view. Code view uses code autocompletion which makes your code easier to write, with fewer errors.

Code View

For Ads and HTML files, you can switch between Code view and Design view, with the changes that you make to the code in Code view reflected in the Design view. This lets you instantly test how changes in your code will affect your designs. You can also select objects with the selection tool and change the CSS styling for those objects in the CSS panel. 

Color themes

Code view lets you edit your code in two color themes. You can toggle between light and dark code color themes by clicking the Switch theme button 

Light theme
Dark theme

Using search

To search the code:

  1. Use Ctrl+F (Windows) or Cmd+F (Mac) to open the search box at the top of the window
  2. Enter your search term in the Search box. You may also use regular expressions for a more complex search
  3. Press Enter. The first result will be highlighted
  4. Press Enter again to find subsequet results
Was this article helpful?