Adding the Custom Search Block

Urban comes with a fancy search box that hides when not in use. To add this to your site please follow the steps below.

• Log in to your site
• Navigate to the homepage and put it in to "edit mode"
• Click on the small area to the right side of the navigation and add a "search block"
• Configure the necessary options
• Click the newley added search block and this time click "custom template"
• Choose "Urban Search" from the dropdown

Adding a Tileable Background Image

Urban allows for background images to be added to the header, main, footer and top bar sections of the site, quickly and easily using the already preinstalled custom attributes.

• Log in to your site
• Navigate to the page you wish to add a background to
• Click on "Properties" which can be found by hovering over the "Edit" tab in the C5 tool bar
• Click "Custom Attributes"
• Choose the relevant attribute "Header Background Image" to place one in the header for example
• Now either select one of five preinstalled images from your file manager or upload one of your own
• Once you have hit "Save" refresh your page

Adding a Container

• Log in to your site
• Navigate to the desired page
• Put the site in to "Edit" mode
• Click on the desired area
• Click "Add Block"
• Choose the "Formigo Containers" block
• Enter your content
• Choose your images
• Customize your colors
• Pick your container
• Click "Add"

 

Choosing your template/container

Choosing your template/container couldn't be easier - in fact there are 2 ways to do it.

Choose your container from the drop down list from with in the add/edit interface, or select the "Custom Template" option by clicking on the block once it has been added to the page.

 

Adding Images

There are 3 ways to add images to your container.

You can use the 2 built in image selectors from the "images" page within the editing interface or actually add one to the body of your container using the TinyMCE editor. If you wish to align your images then using TinyMCE is probably the option for you.

 

Customizing the Container

When customizing your container it is worth noting that the styles that are applied are often dependent on the container you have chosen. For example on the "Speech Bubble" containers any border set will be applied underneath the title; conversly a border set on the "Rounded" container will apply a border around the whole content/description area.

If you want to remove/hide the border on say the "Speech Bubble" container then you should set the border color the same as the main background color.