Creating custom template drupal

Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Podcast Helping communities build their own LTE networks. Podcast Making Agile work for data science. Featured on Meta. New post summary designs on greatest hits now, everywhere else eventually.

Winter Bash In info. Here, branding: Is the id of the region which should be lowercase letters. Branding: Is the name of the region which can be uppercase letters. In page. Step 8 : Go to Appearance in your Drupal site. You can see your custom Drupal theme present in the Uninstalled themes section. Your Custom Theme will appear under the Block Layout. Click on the link. You can see all the regions that you had declared in the info. Step 9 : You are now almost done with theming in Drupal 9!

Next, you need to apply styles in the CSS for each region as per your design. Just inspect the branding region - you should see the region class and then add the CSS to that class.

Add a comment. Active Oldest Votes. Kristofer Sanders Kristofer Sanders 58 6 6 bronze badges. Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Considering many of the templates we utilized were simply placing Foundation markup into the WYSIWYG editor, there wasn't much to visually see in the editor's screen. This way, the content manager can easily see any Foundation row or column.

This a necessity because without it, the content editor won't know which column they are working in. If you properly configure the WYSIWYG editor to use a custom stylesheet, you can make custom layouts appear like this inside the editor:. Another great tip for turning this from pretty cool to totally awesome is to add some space above and below your templates.

In the example above, you can see how there is some separation between the green boxes. This gives our content editor space to click and add something. Alternatively, it can be deleted if necessary.