Vogal Premium Shopify Theme
View DemosOpen a Store for FREEBuy VogalOther ThemesTheme Support
  • Greeting
  • INSTALLATION
    • Install Theme
    • Recommended Apps
    • Theme Changelog
    • Update Theme
  • Basic Configuration
    • Enable Customer Accounts
    • Set Up Shipping Rates
    • Currency Settings
    • Menu Setup
  • Theme Settings
    • Layout Style
    • General
    • Fonts & Colors
    • Header
    • Cart
    • Search
    • Product Page
    • Products Grid
    • Currency & Language
    • Social Media
    • Popup Quickview
    • Popup Newsletter
    • Popup Someone Purchased
    • GDPR Cookie Popup
    • Checkout
    • Custom Css
  • Theme Sections
    • Featured Product
    • Collection List
    • Slideshow
    • Newsletter
    • Contact Form
    • Video
    • Custom Liquid
    • Blog List
    • Custom Block
    • Custom Block(Masonry)
    • Section Divider
    • FAQ
    • Featured Banner
    • Grid Banners
    • Hero Banner
    • Hero Banner(CTA)
    • Icons and Text
    • Image & Text (2 columns)
    • Image & Text (4 columns)
    • Image Gallery
    • Instagram
    • Instagram Shop
    • Logo List
    • Lookbook Shop
    • Map
    • Masonry Banner
    • Products + Banner
    • Products Columns
    • Products Rows
    • Products Slider
    • Products Tabs
    • Promotion Bar
    • Rich Text
    • Round Banners
    • Scrolling Text
    • Shop The Look
    • Testimonials
    • Text Column(Top Image)
  • General Sections
    • Footer
    • Mobile Toolbar
    • Custom Colors
    • Exit Intent Popup
  • Common Settings
    • Common Settings in Section
  • Collection Page
    • Breadcrumb
    • Collection Banner
    • Sub Collections
    • Collection Main
  • PRODUCT PAGE
    • Breadcrumb
    • Product Main
    • Product Tabs
    • Related Products
    • Recommended Products
    • Recently Viewed Products
    • Upsell Product Bundle
    • Group Products
    • More Products Color
  • Page Setup
    • Wishlist
    • About Us
    • Contact Us
    • FAQs
    • Our Brands
    • Store Locations
    • Portfolio
    • Blog
    • Create Custom Page
    • Cart
  • Vogal FAQs
    • How to display links in megamenu without column title?
    • Show product recommendation in cart drawer
    • Limit color swatch to display on products grid
    • How to add external product link/affiliate link?
  • Translations
Powered by GitBook
On this page
  • Select Layout:
  • Layout Width:
  • Body Background:
  • Sections Padding:
  • Section Headings
  1. Theme Settings

Layout Style

Set global options for your store layout. Set layout width, layout background, Sections padding, Section heading and Subheading look.

Steps:

  • In the theme editor, click Theme settings

  • Locate Layout Style

  • Make required changes and click save

Select Layout:

Select layout for your store. You can set to default or fullwidth.

In the default layout, you can display sections as container width or fullwidth individually from each section.

In fullwidth, you store layout is fullwidth. All sections display fullwidth.

Layout Width:

Set width for your layout. All content will display max to width that you set here. However if you select fullwidth option from any section, that will display in fullwidth.

Body Background:

Set body background color or background image(optional). Set background image options like position, size, attachment etc.

Sections Padding:

Set left and right padding for Desktop, Ipad and Mobile . This padding is set for all fullwidth sections. However if you wish any section in fullwidth and not have any padding on left & right side, then enable option No Padding from that particular section.

Section Headings

You can see heading and sub heading on top when you add sections on home or inner pages.

Set these headings and sub headings style from here. Choose heading style, set alignment, font size and colors options from here.

PreviousMenu SetupNextGeneral

Last updated 1 year ago