full width layout for olivero ?

Created on 21 September 2023, over 1 year ago
Updated 20 November 2023, over 1 year ago

am wondering where should I edit to make the olivero content area full width, its more like a blog layout now.

💬 Support request
Status

Closed: outdated

Version

10.1

Component
Olivero 

Last updated about 14 hours ago

Created by

🇬🇧United Kingdom freelylw

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

Comments & Activities

  • Issue created by @freelylw
  • Status changed to Needs review over 1 year ago
  • 🇮🇳India viren18febs

    Hi @freelylw

    The olivero theme is used grid layout, so for full width, you need to remove the CSS from grid.css file. that file is available in layout folder.

    .grid-full {
      display: grid;
      grid-template-rows: 1fr;
      grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
      grid-column-gap: var(--grid-gap);
    
      /* .grid-full classes nested 3 or more deep go full width. */
    }
  • Status changed to Postponed: needs info over 1 year ago
  • 🇺🇸United States smustgrave

    @freelylw that answer your question? if so we can close this.

  • Status changed to Closed: outdated over 1 year ago
  • I am closing this issue due to inactivity. Reopen it as necessary.

Production build 0.71.5 2024