Large Button Element

How to insert and use the large button element.

Prerequisites

This tutorial assumes you already know the following:

Step 1: Find and Resize Your Image

  1. Find an image that will work well with whatever content you are linking to.
  2. The image should be 150px tall, so you may need to crop or resize it.
  3. The width of the image depends on the container you are putting it in. The below assume that you are using the left navigation.
    1. 33% - about 280px wide
    2. 50% - about 620px wide
    3. 66% - about 675px wide
    4. 100% - about 740px wide
  4. Tutorial on resizing images.

Step 2: Insert the Large Button Element

  1. Log in to CommonSpot and go into Author or Edit mode.
  2. Choose the container you want to put this large button in.
  3. Click on "Click to insert new element"at the bottom of the container.
  4. Click on the CIN category.
  5. Click on the Button - Large element.

Insert an Element in CommonSpot

Step 3: Define the Large Button Element

  1. The Large Button element is now inside your container.
  2. Click Click here to define the Button - Large element at the bottom of your container.
  3. Text: This text will appear on top of your image.
  4. URL: The page you want to send people to.
  5. Background Image: This will be the button's background image.
    1. Tutorial on uploading images

Step 4: Publish Your Changes

At this point you have made two changes that need to be published; adding the large button element to the container, and defining the large button element. Both changes will need to be submitted before the public sees your button.

Was this page helpful?      



Comments are helpful!
500 character limit

Feedback is anonymous.