Riode
  • Greeting
  • general
    • Upload theme
    • Import Demo
    • Update Theme
    • How to get Instagram Access Token
  • Thing to knows
    • Space settings
    • Responsive (Swiper slide)
    • Grid system
  • Menu configuration
    • Menu Basic
    • Mega Menu
  • Default section
    • Announcement
    • Header Top
    • Header Main
    • Megamenu Vertical
    • Header mobile
    • Footer
    • Newsletter Popup
    • Age Verification Modal
    • GDPR
    • Account Popup
    • Cart Offcanvas
    • Variants + Label menu
    • Bottom bar
  • Theme Settings
    • How to access?
    • Favicon
    • Logo
    • Header
    • General
      • Direction align
      • Mobile
      • Page layout
      • Info store
      • Timezone countdown
      • Product
      • Tabs settings
    • Gadget
      • GDPR
      • Age Verification
Powered by GitBook
On this page
  • Width
  • Margin + Padding
  • Responsive
  1. Thing to knows

Space settings

PreviousHow to get Instagram Access TokenNextResponsive (Swiper slide)

Last updated 2 years ago

You can adjust the width, background color, display only on desktop or mobile, margin, padding, ...

  • Title: Name section (in editor bar)

  • Turn off on mobile? - Not displayed on mobile.

  • Turn off on desktop? - Not displayed on desktop.

Width

The section's maximum width and the section's content.

Margin + Padding

Buffer between sections

Responsive

Use "|" between parameters so that you can customize the distance according to different screen sizes

Ex: Margin top

25px|30px|35px|40px|45px|50px|55px

Result css:

.content_ {
    margin-top: 25px
}
@media (min-width: 320px){
    margin-top: 25px
}
@media (min-width: 576px){
    margin-top: 35px
}
@media (min-width: 768px){
    margin-top: 40px
}
@media (min-width: 992px){
    margin-top: 45px
}
@media (min-width: 1200px){
    margin-top: 50px
}
@media (min-width: 1400px){
    margin-top: 55px
}