Site.pro
  • Website Builder
    • Website Builder
    • Prices
    • Website Import
    • Online Stores
    • Plugins
    • Collaboration
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • Tutorials
    • Blog
    • FAQ
    • Growth Hacking
    • For Hostings
    • Domainity
    • For Education
  • For Resellers
    • Prices
    • White Label
    • Revenue Share
    • Panels
    • How it Works
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Marketing Materials
    • Documentation
    • Free Websites
  • Website Builder
    • Website BuilderEverybody can easily create a website, landing page, or e-commerce store.
    • PricesSite.pro Prices: Templates 200+, Websites, Basic Builder Functions, Online Stores.
    • Website ImportTransfer your existing website from anywhere to Site.pro website builder.
    • Online StoresSell your goods or services anywhere on the website.
    • PluginsMany functions and plugins depending on geographical preferences.
    • CollaborationCollaborative Website Builder, Create a website with teammates in real-time in one space.
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • TutorialsVideos for Beginners. Download video tutorials for free New video tutorial.
    • BlogWebsite Builder Lifehacks: Shared Hosting tips from Hosting Market Leaders.
    • FAQUse this FAQ database to find information about working with Site.pro products quickly and easily.
    • Growth HackingBoost your sales. Strategy
    • For HostingsEducation. Generate more website builder sales
    • DomainityDomainity: Domain quantity per 1000 people
    • For EducationFree Website Builder for Online and Offline Classrooms.
  • For ResellersWhite Label
    • PricesStart reselling. Pay for live websites. Free Websites.
    • White LabelThe most popular white label tool is ideal for reselling
    • Revenue ShareWebsite Builder: Provide free website builder and earn 50% commissions.
    • PanelsOne product for all platforms. Download plugin for your panel.
    • How it WorksCloud or On-Premises. Recommendations for Builder Server.
    • Marketing MaterialsVideo. Mockups. Website Blocks. Marketing Materials.
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Documentation
    • Free Websites
  • Register

    Register

    (Buy Domain, Create email)
    (For Hosting Companies)
    By registering, you accept our Terms of Service
    Number of Customers: 1-100
    Number of Customers: 1-100
  • Log in

    Log in

    New user? Create account
    Forgot password?
  • $
  • English

How to use spacing?

  • Account & Billing (35)
  • Hosting/Billing Panels (35)
    • WHMCS
    • cPanel
    • DirectAdmin
    • ISPmanager
    • Plesk
    • Webuzo
  • Website Builder (283)
    • Advanced
    • Errors
    • Forms
    • Maps
    • Commerce
    • Social
    • SEO
    • Import
    • Text
    • Additional
    • Website Builder: Media
    • Website Builder: Pictures
    • Website Builder: Website creation
    • Website Builder: Plugins
  • License (28)
  • Managing Website (12)
  • Domains: Purchasing (15)
  • Domains: Connecting (26)
  • Mailboxes (26)
  • Brand: Cloud (5)
  • Brand: On-Premises (14)
  • Installation: Builder (11)
  • Installation: Builder Plugin (5)
  • Web Design Studio (3)
  • Affiliate Program (8)
  • Education (8)

How to use spacing?

To add spacing to layout/element you have several options:

  1. Option 1 (add in right toolbar):
    • Select element that you want to add spacing to;
    • Choose margin (outside spacing of your element) in right toolbar:
      • Add different spacing values for each side;
      • Choose to "Use same values" for one value to be used on all sides.
    • Choose padding (inside spacing of your layout) in right toolbar:
      • Add different spacing values for each side;
      • Choose to "Use same values" and add one value to all sides.
  2. Option 2 (add on layout/element):
    • Select layout/element that you want to add spacing to;
    • Select outside edge line of element and drag it to required value to add margin;
    • Select inside edge line of layout and drag it to required value to add padding.

Note: Some elements can only have margin.


People also found this article using these queries:

  • How to add spacing?
  • Can I drag layout to change spacing?
  • How to change spacing?
  • Change padding
  • Less space between
  • Correct location of layout
  • More space between
  • Place photo closer to text
  • Add spacing to element
  • Layout spacing
  • Inside spacing
  • Padding spacing
  • Margin spacing
  • I want to add spaces between elements
  • Change margin
  • Spacing between elements
  • How to add spacing values?
  • Cannot add padding to element
  • I want to add spacing to element
  • I want to change space inside element
  • Spacing value
  • I want to add spaces between layouts
  • Change spacing
  • Add spacing to layout
  • How to adjust space between layouts?
  • Change location of layout
  • Change location of element
  • Add gaps between elements
  • Correct location of element
  • I want to change space outside element
  • Element spacing
  • Outside spacing
  • I want to correct location of element, how it is done?
  • How do I add spacing to element?
  • Can I drag element to change spacing?
  • Can I drag layout to add spacing?
  • I want element to have spacing
  • More place between images
  • Add padding
  • How to adjust space between elements?
  • What are options to add spacing?
  • How to customize element spacing?
  • Can I drag element to add spacing?
  • Can one spacing value be used on all sides?
  • Same spacing values
  • I want to add same spacing values
  • Add margin
  • How to edit element spacing?
  • Can I use same values on all sides?
© Site.pro 2011. Website Builder. United States.
Contact SalesTerms of Service