Two column layout not showing as column

Created on 4 January 2022, over 2 years ago
Updated 31 May 2024, 24 days ago

Problem

Should I add custom CSS for doing the layout when having a using theme?

So I'm using qatar2022_zymphonies_theme and when I try to add a two column layout, it just shows two boxes on top of each other and not next to each other horizontally. I looked at the html and sure enough, the columns have classes: layout__region layout__region--first and layout__region layout__region--second and when I try to find that out in the CSS to lay them out are not there there.

Steps to reproduce

1. Install qatar2022_zymphonies_theme
2. Install ckeditor_layouts and text formats properly
3. Try to add a basic page
4. Add a layout two column layout to the basic page. Notice that there are boxes, but they are on top of each other and not in column layout.

I've attached a screen grab of the said boxes.

Thank you for your help.

πŸ’¬ Support request
Status

Closed: works as designed

Version

1.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡³πŸ‡±Netherlands ricovandevin

    You definitely need to load the appropriate CSS in your frontend theme if you are using layouts provided by Drupal core. See README.md:

    Make sure the classes added by the layouts are also defined in the CSS of your front end theme.

Production build 0.69.0 2024