Buttons, Lines & Misc Editing Tips Print

  • buzzr builder, manual, editing
  • 0

How to use "Blocks"? 

  1. Adding blocks:
    • Drag and drop "Blocks" from main toolbar;
    • Choose from categories and then from compositions.
  2. Customising blocks:
    • Position:
      Change elements position in layout. Choose from "Horizontal Layout", "Vertical Layout" or "Floating Block" in right toolbar.
    • Alignment:
      Align elements in layout by selecting alignment for that layout in right toolbar.
    • Background:
      Add "Background" by inserting image, colour or video to layout in right toolbar.
    • Borders:
      Select layout and click border  to add borders to layout and choose your width, style or select to use different border / corners.
    • Size:
      Adjust layout size or "Allow to adjust size automatically" in right toolbar.
    • Shadows:
      Select layout and click shadow  to add shadow to layout and choose your distance, size, blur, colour and style.

How to use "Shape"? 

  1. Adding shape:
    • Drag & drop "Shape" from main toolbar;
    • Choose shape composition.
  2. Editing shape:
    • Background:
      Select shape and click  background in right toolbar. Select background colour, image / video, opacity.
    • Boarder:
      Select shape and click  border in right toolbar. Select border width, colour, style or select to use different border / corners.
    • URL:
      Select shape and click  url in right toolbar. Fill in link properties and click "Apply".
    • Size:
      Set shape size or "Allow to adjust size automatically" in right toolbar.

How to use "Line"? 

  1. Adding line:
    • Drag & drop "Shape" from main toolbar;
    • Choose line composition.
  2. Customising line:
    • Orientation:
      Select horizontal or vertical orientation in right toolbar.
    • Style:
      Select line style by click an option in right toolbar.
    • Colour:
      Select line and click colour  in right toolbar to choose colour and opacity.
    • Size:
      Set line size or "Allow to adjust size automatically" in right toolbar.

How to use "Button"? 

  1. Adding button:
    • Drag & drop "Button" from main toolbar;
    • Choose button composition.
  2. Editing button:
    • Write button text in right toolbar.
    • Link:
      Select button and click URL  in right toolbar. Write link properties and click "Apply".
    • Text font:
      Select button and click font  in right toolbar. Adjust text font style, size, line height, align, letter spacing.
  3. Customising button:
    • Default / Hover / Active settings:
      Set button default style, colour, background, border and shadow options in right toolbar.
    • Size:
      Set button size or "Allow to adjust size automatically" in right toolbar.

How to edit size? 

Set size to all elements:

  1. Select element you want resize;
  2. Choose element's width measurement type from dropdown list in right toolbar:
    • Select "Min" to have a minimum width size.
    • Select "Max" to have a maximum width size.
  3. Choose element's height measurement type from dropdown list in right toolbar:
    • Select "Min" to have a minimum height size.
    • Select "Max" to have a maximum height size.
  4. Select "Allow to adjust size automatically" to have your element automaticaly sized.

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;
    • Choose margin (outside spacing of your element) in right toolbar:
      • Add different spacing value for each side;
      • Choose to "Use same values" and add one value to all sides.
    • Choose padding (inside spacing of your layout) in right toolbar:
      • Add different spacing value 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;
    • 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.

 


Was this answer helpful?

« Back

Powered by WHMCompleteSolution