{"id":550,"date":"2018-09-13T07:45:37","date_gmt":"2018-09-13T07:45:37","guid":{"rendered":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/?p=550"},"modified":"2018-09-13T07:45:37","modified_gmt":"2018-09-13T07:45:37","slug":"adding-buttons-shapes-and-lines-website-builder-7","status":"publish","type":"post","link":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/adding-buttons-shapes-and-lines-website-builder-7\/","title":{"rendered":"Adding buttons, shapes and lines – Website Builder 7"},"content":{"rendered":"

With Website Builder<\/a>, you can add buttons, shapes, and lines to create stylish links and designs for your website. You can create borders for your text or use lines to separate areas of your website.<\/p>\n

    \n
  1. Log in to your IFindHost – Cheap Domain Registration<\/a>. com account.<\/li>\n
  2. In your\u00a0Products<\/strong>\u00a0list click\u00a0Website Builder<\/strong>, and then click\u00a0Manage<\/strong>next to the account you want to use.<\/li>\n
  3. Click\u00a0Edit Site<\/strong>.<\/li>\n
  4. From the Element toolbar, drag and drop\u00a0\"Button<\/span>\u00a0onto the page.<\/li>\n
  5. Click the button to select it, and then click\u00a0Settings<\/strong>.<\/li>\n
  6. In the\u00a0Label<\/strong>\u00a0field, enter the text you want to display on the button.<\/li>\n
  7. In the\u00a0Link<\/strong>\u00a0field, enter the URL where you want the button to link. (Optionally, select\u00a0Open link in new window<\/strong>\u00a0to open a new browser window when the button is clicked.<\/li>\n
  8. Next to\u00a0Background Color<\/strong>, click the\u00a0color picker<\/strong>\u00a0and select a background color for the button. (Optionally, select\u00a0Gradient<\/strong>, and then click the second\u00a0color picker<\/strong>\u00a0to select different color for the gradient range.)<\/li>\n
  9. Next to\u00a0Font<\/strong>, click the color swatch to select a color for the text on the button.<\/li>\n
  10. Next to\u00a0Effect<\/strong>, select the effect you want to use for the button.<\/li>\n
  11. Optional:<\/em>\u00a0Go to the\u00a0Advanced<\/strong>\u00a0tab to add or edit other effects for your button, including Border, Shadow, Rounded Corners, Transparency, and to edit the button Size.<\/li>\n
  12. Click\u00a0Publish<\/strong>.<\/li>\n<\/ol>\n

    To Add Shapes<\/h4>\n
      \n
    1. Log in to your IFindHost – Cheap Domain Registration. com account.<\/li>\n
    2. In your\u00a0Products<\/strong>\u00a0list click\u00a0Website Builder<\/strong>, and then click\u00a0Manage<\/strong>next to the account you want to use.<\/li>\n
    3. Click\u00a0Edit Site<\/strong>.<\/li>\n
    4. From the Element toolbar, drag and drop\u00a0\"Shape<\/span>\u00a0onto the page.<\/li>\n
    5. Click the shape to select it, and then click\u00a0Settings<\/strong>.<\/li>\n
    6. Next to\u00a0Color<\/strong>, click the\u00a0color picker<\/strong>, and then select the color you want to use. (Optionally, select\u00a0Gradient<\/strong>, and then click the second\u00a0color picker<\/strong>\u00a0to select different color for the gradient range.)<\/li>\n
    7. Next to\u00a0Effect<\/strong>, select the effect you want to use for the shape.<\/li>\n
    8. Optional:<\/em>\u00a0Go to the\u00a0Advanced<\/strong>\u00a0tab to add or edit other effects for your shape, including Border, Shadow, Rounded Corners, Transparency, and to edit the shape Size.<\/li>\n
    9. Click\u00a0Publish<\/strong>.<\/li>\n<\/ol>\n

      To Add Lines<\/h4>\n
        \n
      1. Log in to your IFindHost – Cheap Domain Registration. com account.<\/li>\n
      2. In your\u00a0Products<\/strong>\u00a0list click\u00a0Website Builder<\/strong>, and then click\u00a0Manage<\/strong>next to the account you want to use.<\/li>\n
      3. Click\u00a0Edit Site<\/strong>.<\/li>\n
      4. Drag and drop\u00a0\"Line<\/span>\u00a0onto the page, select the line, and then click\u00a0Edit<\/strong>.<\/li>\n
      5. Next to\u00a0Direction<\/strong>, select an option to display your line horizontally or vertically.<\/li>\n
      6. Next to\u00a0Border<\/strong>, select the color, style, and thickness of your border.<\/li>\n
      7. Click\u00a0Publish<\/strong>.<\/li>\n<\/ol>\n

        Next step<\/h2>\n