Logo (Only Image are allowed) { key: {{ $keyName('site_logo') }} } @error('site_logo') {{ $message }} @enderror

Favicon (Only Image are allowed, Size: 33 X 33) { key: {{ $keyName('site_favicon') }} } @error('site_favicon') {{ $message }} @enderror

Layout @error('site_container') {{ $message }} @enderror The Boxed Layout will automatically disable all fixed options

Page Content Max Width (e.g. 1150px or 100% full width) @error('page_content_max_width') {{ $message }} @enderror

The value must be greater than 992

{{--

Show Header @error('site_eyebrow') {{ $message }} @enderror

--}}

Header Image{ key: {{ $keyName('site_eyebrow_image') }} } @error('site_eyebrow_image') {{ $message }} @enderror

Header Text @error('site_eyebrow_rich_text') {{ $message }} @enderror

@include('components.partials.round-corner', ['name' => 'eyebrow_border_radius', 'title' => 'Header Border Radius', 'icon' => 'fas fa-cog']) @include('components.partials.padding', ['name' => 'eyebrow_padding_top', 'title' => 'Header Top Gap', 'icon' => 'fas fa-cog'])

Header Background Color @include('components.partials.color-theme', ['name' => 'site_eyebrow_cs'])

{{--

Show Menu bar @error('site_header') {{ $message }} @enderror

--}} @include('components.partials.round-corner', ['name' => 'header_border_radius', 'title' => 'Menu bar Border Radius', 'icon' => 'fas fa-cog']) @include('components.partials.padding', ['name' => 'header_padding_top', 'title' => 'Menu bar Top Gap', 'icon' => 'fas fa-cog']) @include('components.partials.padding', ['name' => 'header_padding_bottom', 'title' => 'Menu bar Bottom Gap', 'icon' => 'fas fa-cog']) @include('components.backend.menu-items.fields.color', ['icon' => 'fas fa-cog', 'label' => 'Menu bar Title Color', 'name' => 'header_text_color'])

Menu bar Background Color @include('components.partials.color-theme', ['name' => 'site_header_cs'])

Align Menu bar Icons To @error('site_header_icon_align') {{ $message }} @enderror

Show Sidebar @error('site_sidebar') {{ $message }} @enderror

@include('components.partials.round-corner', ['name' => 'sidebar_border_radius', 'title' => 'Sidebar Border Radius', 'icon' => 'fas fa-cog']) @include('components.partials.padding', ['name' => 'sidebar_padding_top', 'title' => 'Sidebar Top Gap', 'icon' => 'fas fa-cog']) @include('components.partials.padding', ['name' => 'sidebar_padding_bottom', 'title' => 'Sidebar Bottom Gap', 'icon' => 'fas fa-cog'])

Sidebar Background Color @include('components.partials.color-theme', ['name' => 'site_sidebar_cs'])

{{--

Show Footer @error('site_footer') {{ $message }} @enderror

--}} @include('components.partials.round-corner', ['name' => 'footer_border_radius', 'title' => 'Footer Border Radius', 'icon' => 'fas fa-cog']) @include('components.partials.padding', ['name' => 'footer_padding_top', 'title' => 'Footer Top Gap', 'icon' => 'fas fa-cog']) @include('components.partials.padding', ['name' => 'footer_padding_bottom', 'title' => 'Footer Bottom Gap', 'icon' => 'fas fa-cog'])

Footer Background Color @include('components.partials.color-theme', ['name' => 'site_footer_cs'])

@include('components.backend.menu-items.fields.background-color', ['icon' => 'fas fa-cog'])

Background Image { key: {{ $keyName('background_image') }} } @error('background_image') {{ $message }} @enderror

Custom CSS (do not add <style></style>)
example: .desktop_link{color: red; font-style:italic; font-weight:bold;}
.customize_link{color: red; font-style:italic; font-weight:bold;} @error('custom_css') {{ $message }} @enderror