Fudge2

  1. Home
  2. Docs
  3. Fudge2
  4. Fudge 2 Theme Guide
  5. Content builders

Content builders

Fudge 2.0 has been developed with a custom event builder to enable you to easily create page layouts using the
powerful features of the theme such as performers, sponsors, tickets, exhibitors etc

The event builder is available for use on pages. To use the content builder, you must first create a new page by
navigating to navigate to Page -> Add New

The content builder gives you easy access to the customizable options available for each specific element.

When you click on any of the content builder elements, they are instantly added below the content builder icons and
become part of the page.

To edit the section, you click on the blue ‘edit’ button to the left hand side of the new element
to begin editing. Please note: clicking on the ‘reset to default’ button next to the ‘edit’
button will reset the contents of that element to default and you will lose any customization you have made. You can
add as many elements to the page as you like, giving you great flexibility in the way you can create your
website.

Content Builder Event Description

The Event Description element allows you to add description to the forthcoming event in your website .

  • 1 Content Builder select Event Description and you will then see the available options for the
    Event Description element.
  • 2 Add pictures.
  • 3 Enter the details for the title, content, media etc. You can then title color, text color, background color
    and margins.

 

 

Content Builder Performers Showcase

The Performers showcase element allows you to showcase all performers on your page. This will
only work if you have setup performers in accordance with the instructions in section 5.7
Performers

  • 1 Content Builder select Performers showcase element and you will then see the available
    options for the Performers Showcase section.
  • 2 The performers will then display and you will need to drag and drop the performers that you wish to
    appear on the page from the top section to the bottom.

  • 3 This area allows you to set the title and subtitle as well as image, colors and text sizes, margins etc or
    leave blank for default settings.

Content Builder Performers

The performers element allows you to display performers on your page. This will only work if you have setup performers
in accordance with the instructions in section 5.7 Performers

  • 1 Content Builder select Performers, you will then see the available options for the Performers
    section.
  • 2 The performers will then display and you will need to drag and drop the performers that you wish to
    appear on the page from the top section to the bottom.

  • 3 This area allows you to set the title and subtitle as well as colors and text sizes, margins etc or leave
    blank for default settings.

Content Builder – Exhibitors Showcase

The exhibitors showcase element allows you to display exhibitors on your page. This will only work if you have setup
exhibitors in accordance with the instructions in section 5.6 Exhibitors

  • 1 Content Builder select Exhibitors Showcase, then click on “Add all”, you will then see the
    available options for the Exhibitors Showcase section
  • 2 The exhibitors will then display and you will need to drag and drop the exhibitors you wish to appear on the
    page from the top section to the bottom.

  • 3 This area allows you to set the title and subtitle as well as colors and text sizes, margins etc or leave
    blank for default settings.

Content Builder – Schedule

The schedule element allows you to display a grid element containing your schedule and showing information of the
session date, times and speaker’s/performer’s pictures and more.

Please note that in order for your Schedule element to work correctly, it is important that you have
setup sessions and performers in accordance with the instructions in 5.2 and 5.7

  • 1 Content Builder select Schedule, you will then see the available options for the Schedule
    section.
  • 2 The schedule will then display and you will need to set the title and subtitle as well as colors and text
    sizes, margins etc or leave blank for default settings.

Content Builder – Schedule Showcase

The schedule showcase element allows you to display a grid element containing your schedule according to date or
place or many other variables. showing information of the session date and times, speaker’s/performer’s
pictures and more.

 

Please note that in order for your schedule showcase element to work correctly, it is important that you have setup
sessions and performers in accordance with the instructions in 5.2 and 5.7

  • 1 Content Builder select Schedule Showcase and you will then see the available options for the
    Schedule Showcase element.
  • 2 The schedule will then display and you will need to set the title and subtitle as well as colors and text
    sizes, margins etc or leave blank for default settings.

Content Builder – Call to Action

It’s always important to give your visitors a clear call to action. Whether you are trying to get them
to purchase your product or contact you for a quote, the call-to-action module will get the clicks you need. The CTA
module is a simple combination of a title, body text and a button. When combined with a vibrant background color, a
CTA can easily catch your visitor’s eye.

Please note that in order to build content in call to action, just follow these simple steps:

  • 1 Content Builder select Call to Action, you will then see the available options for the
    Call to Action element.
  • 2 The Call to Action element will then display and you will need to set the title and subtitle,
    background image, background image tablet, button text as well as colors and text sizes, margins etc or leave
    blank for default settings.

Content Builder All Tickets

The All Tickets element allows you to display one or more tickets on your website. In order for this to display your
tickets, you must have already setup tickets in accordance with the instructions in section 5.5

  • 1 Content Builder select All Tickets element and you will then see the available options for the All
    Tickets
    element.
  • 2 The All Tickets element will then display and initially you will see a search box and buttons for ‘Add
    all’ and ‘Remove all’
  • 3 You can search for tickets you have created, the search results will appear in the first grey box. You can
    then drag those tickets and drop them in to the second grey box and repeat this process if necessary.
  • 4 By clicking on the ‘Add all’ button you will add all available tickets to the second grey
    box. Once they are here, you can then rearrange them by dragging and dropping to determine the order they will
    display on your page.
  • 5 If you wish to remove tickets, you must click on the black cross to the right hand side of the ticket as it
    appears in the grey box. You can click on the ‘Remove all’ button and then start the above
    process again from 3.
  • 6 You can then set options for title, subtitle and customize colours, font sizes and margins.

Content Builder – Registration

The registration element allows you to display the available ticket information embedded from Eventbrite, woocommerce
or event espresso as shown here – http://www.showthemes.com/fudge-demo/registration/

In order to use the registration element, you will need an embed code for the relevant service. Details on how to
obtain an embed code can be found in 8 Registration Services

  • 1 Content Builder select Registration element and you will then see the available options for
    the Registration element.
  • 2 The Registration element will then display and you will need to set the title, subtitle
    and as well as enter your main text and add media.

  • 3 Paste in your embed code for the registration
  • 4 Customise colors, text sizes and margins or leave blank for default settings.

Content Builder Sponsors

The Sponsors element allows you to display one or more sponsors on your website.

In order for this to display your sponsors, you must have already setup sponsors in accordance with the instructions
in 5.4 Sponsors

  • 1 Content Builder select Sponsors element and you will then see the available options for the
    Sponsors element.
  • 2 The Sponsors element will then display and initially you will see a search box and buttons
    for ‘Add all’ and ‘Remove all’
  • 3 You can search for sponsors you have created, the search results will appear in the first grey box. You can
    then drag those sponsors and drop them in to the second grey box and repeat this process if necessary.
  • 4 By clicking on the ‘Add all’ button you will add all available sponsors to the second grey
    box. Once they are here, you can then rearrange them by dragging and dropping to determine the order they will
    display on your page.
  • 5 If you wish to remove sponsors, you must click on black cross to the right hand side of the sponsor as it
    appears in the grey box. You can click on the ‘Remove all’ button and then start the above
    process again from 3.

 

 

  • 6 This area allows you to set the title and description, decide whether you wish to show the sponsors in large,
    medium or small size. You have a variety of options for customising colors and text sizes, margins etc or leave
    blank for default settings.
  • 7 By repeating from step 1 you can then add more sponsor types to the page. For example, if you chose to select
    large sponsors the first time, you can now make the next set of sponsors medium and customise the options for
    the display of those. Repeat again for small.
  • 8 – You can then fill in the rest of the data such as Title, sponsor type, link text, color customisations, font
    sizes and margins.

 

Content Builder – Map

The Map element allows you to display a map on your page that displays your points of interest.
These points of interest can be conveniently grouped together to give you greater control of the display. In order
to use this element, you will need to ensure that you have some points of interest added as per the instructions in
5.3 Points of interest

  • 1 Content Builder select Map, you will then see the available options for the
    Map element.
  • 2 The Map element will then display and initially you will see a search box and buttons for
    ‘Add all’ and ‘Remove all’
  • 3 You can search for points of interest you have created, the search results will appear in the first grey box.
    You can then drag those points of interest and drop them in to the second grey box and repeat this process if
    necessary.
  • 4 By clicking on the ‘Add all’ button you will add all available points of interest to the
    second grey box. Once they are here, you can then rearrange them by dragging and dropping to determine the order
    they will display on your page.
  • 5 If you wish to remove points of interest, you must click on black cross to the right hand side of the point of
    interest as it appears in the grey box. You can click on the ‘Remove all’ button and then
    start the above process again from 3.

 

  • 6 This area allows you to set preferences for map colours, font sizes and margins

Content Builder Contact

The contact element allows you to display a contact form on your page so that people can get in touch with you. The
contact element relies on the information you have provided in the theme settings as per the instructions in 4.4 General Site Settings – Contact

  • 1 Content Builder select Contact and you will then see the available options for the Contact
    element.
  • 2 The Contact element will then display and initially you will get options to set the title,
    subtitle, ‘send message’ text as well as customisation options for colours, text size and
    margins.

 

Content Builder – Media

The media element allows you to add pictures or videos to your pages and set customisation options for their
appearance.

  • 1 Content Builder select Media element and you will then see the available options for the
    Media element.
  • 2 The first thing you will see is a button labelled ‘Add pictures (press Ctlr or Cmd to select
    multiple pictures)’ clicking this button will open the WordPress media library and allow you to add
    pictures. Once pictures are added they appear in the grey box beneath the buttons. You can then re-arrange the
    pictures in to the order of your choice by dragging and dropping them. If you wish to remove a picture, click
    the black cross to the top right hand side of the picture.
  • 3 You will also be able to add a video from YouTube or Vimeo by pasting the url in to the box next to the
    ‘Add Video’ button and then clicking the button. Once the button is clicked, the video is
    added to the grey box below and will appear next to any pictures you have added. You can rearrange the order by
    dragging and dropping.
  • 4 Here you can set title, subtitle, color customisations, text size and margin size.

 

Content Builder News

The News element allows you to display posts from your blog on your page.

  • 1 Content Builder select News element and you will then see the available options for the
    News element.
  • 2 The News element will then display and initially you will see a search box and buttons for
    ‘Add all’ and ‘Remove all’
  • 3 You can search for posts you have created, the search results will appear in the first grey box. You can then
    drag those posts and drop them in to the second grey box and repeat this process if necessary.
  • 4 By clicking on the ‘Add all’ button you will add all available posts to the second grey box.
    Once they are here, you can then rearrange them by dragging and dropping to determine the order they will
    display on your page.
  • 5 If you wish to remove posts, you must click on black cross to the top right hand side of the post as it
    appears in the grey box. You can click on the ‘Remove all’ button and then start the above
    process again from 3.
  • 6 This area allows you to set the title and subtitle as well as colours and text sizes, margins etc or leave
    blank for default settings.

 

Content Builder Social

The Social element allows you to display icons and links to your social media accounts, as defined
in the theme settings. In order to display this element correctly, you must have already entered social media links
in to your theme settings as described in the instructions in 4.2 General Site Settings – Social
Networks

  • 1 Content Builder select Social element and you will then see the available options for the
    Social element.
  • 2 Your available social media accounts will be shown in the top grey box, simply drag and drop the accounts you
    want to display on your page to the second grey box below.
  • 3 You can set colour customisation options, icon size and margins.

 

Content Builder Timer

The Timer element allows you to display the countdown timer as defined in the theme settings.

  • 1 Content Builder select Timer element and you will then see the available options for the
    Timer element.
  • 2 You can set the color customisations, text size and margins for the element.

 

Content Builder Headline

The Headline element displays a headline of text.

  • 1 Content Builder select Headline element and you will then see the available options for the
    Headline element.
  • 2 Enter your title, heading type, text alignment, text color and margins

 

Content Builder – Strapline

The Strapline element is much the same as the Headline element but it is not as
large.

  • 1 Content Builder select Strapline element and you will then see the available options for
    the Strapline element.
  • 2 Enter your title, text alignment, text color and margins

 

Content Builder Heading

The Heading element works by displaying a heading in either small, medium or large size.

  • 1 Content Builder select Heading element and you will then see the available options for the
    Heading element.
  • 2 Select the size of your heading, enter your title, text alignment, text color and margins

 

Content Builder Text

The Text element allows you to add text and images to your page.

  • 1 Content Builder select Text element and you will then see the available options for the
    Text element.
  • 2 Content will allow you to add text and images in much the same way as the standard WordPress text editor. You
    will also find options below for setting the text alignment, line spacing, text color and margins.

 

Content Builder – Image

The Image element will allow you to add an image to your page.

  • 1 Content Builder select Image element and you will then see the available options for the
    Image element.
  • 2 In picture you can add a picture by clicking the add button and selecting the image from your media library.
    If you click on remove button then the image will be removed.
  • 3 You can add alt text (a brief description of the image) and specify the exact image width and height if you
    wish. You can also set the alignment for the image and any margins you may like.

 

Content Builder Columns 2

The Columns 2 element allows you to display content on your page in two columns.

  • 1 Content Builder select Columns 2 element and you will then see the available options for the
    Columns 2 element.
  • 2 – Content 1 Here you can add your text and/or pictures that will appear in the left side column
  • 3 Content 2 Here you can add your text and/or pictures that will appear in the right side column
  • 4 – You then have options for text alignment, color customisations, text size and margins

 

Content Builder Columns 3

The Columns 3 element allows you to display content on your page in three columns.

  • 1 Content Builder select Columns 3 element and you will then see the available options for
    the Columns 3 element.
  • 2 – Content 1 Here you can add your text and/or pictures that will appear in the left side column
  • 3 Content 2 Here you can add your text and/or pictures that will appear in the middle column
  • 4 Content 3 Here you can add your text and/or pictures that will appear in the right side column

  • 5 – You then have options for text alignment, color customisations, text size and margins

 

Content Builder Columns 4

The Columns 4 element allows you to display content on your page in four columns.

  • 1 Content Builder select Columns 4 element and you will then see the available options for the
    Columns 4 element.
  • 2 – Content 1 Here you can add your text and/or pictures that will appear in the first column
  • 3 Content 2 Here you can add your text and/or pictures that will appear in the second column
  • 4 Content 3 Here you can add your text and/or pictures that will appear in the third column

  • 5 Content 4 Here you can add your text and/or pictures that will appear in the fourth column
  • 6 – You then have options for text alignment, color customisations, text size and margins

 

Content Builder Button

The Button element allows you to place a highly customisable button on your page.

  • 1 Content Builder select Button element and you will then see the available options for
    the Button element.
  • 2 Add text and URL link for the button in addition to that select values for text alignment, width and height
    options, color customisation options, text size and margins

 

Content Builder Newsletter

The Newsletter element allows you to add a newsletter signup to your page and link it to a mailchimp
form to collect the data.

  • 1 Content Builder select Newsletter element and you will then see the available options for the
    Newsletter element.
  • 2 Enter the details for the title, textbook text, button text and mailchimp url You can then set color
    customisations, text sizes and margins

 

Content Builder Sample Page

The content builder comes with a Sample page element that allows you to easily create a page type
layout with header hero image that you can add or remove, title, subtitle and content. It is a great way to quickly
and easily add page content to any page.

  • 1 Content Builder select Sample page element and you will then see the available options
    for the Sample page element.
  • 2 Add hero image, title, subtitle and content for your page.
  • 3 Customisation options for colors, text size and margins

 

Content Builder Event Info

The Event Info element allows you to add a forthcoming event to your website with saving the date
and time remained  to register in the application.

 

Update: starting from version 1.1.0 you’ll find two additional buttons

Clicking on “Import from Facebook” or “Import from Eventbrite” you’ll be able to automatically fill the fields:

Title
– Date
– Date Text
– Location Text
from your Facebook or Evenbrite Event.
Please
note
: in order to correctly fill the fields you need to setup Facebook API parameters (with Event ID)
and Eventbrite API Parameters (with Event ID) in the Theme Options page.

 

  • 1 Content Builder select Event Info element and you will then see the available options
    for the Event Info element.
  • 2 Then you will see the available options for the Event Info element.you can add pictures.
  • 3 Order and reorder them by just dragging.
  • 4 Layout You can select layout for your header, there are four options, small, video, slider including
    default.
  • 5Enter the details for the title, add or remove . enter date, date text, location text, register button text,
    give register button url and set option to hide register button.

 

 NOTE: More about Layout selection(point no.4)

Note 1- If user select layout as Default then in header insert nothing or only
images or video must be inserted. As shown in image –

So, as a result you will get final result as shown below, if inserted video, image will be a background image field
and if only video is inserted then video will be in the background.

 

Note 2 – If user select layout as Small then in header insert nothing or only
images must be inserted. As shown in image –

So, as a result you will get final result as shown in snapshot below, here are similar to Default
but much smaller in size.

 

Note 3 – If user select layout as Video then in header insert both video and
images. As shown in image –

 

So, as a result you will get final result as shown in snapshot below, here are similar to Default
but instead of image video will be on top.

Note 4 – If user select layout as Slider then in header insert images as many as
you want. As shown in image –

So, as a result you will get final result as shown in snapshot below, here in this type all images will be shown in
the form of slider.

so user get different result on the basis of what Layout is used with images and videos in Header.

  • 6Enter video url, add or remove background image-Recommended size: 1920×1000,
    background image tablet-Recommended size: 1000×740 and background image mobile-Recommended size: 768×768.
    Select background color, title text color, date & location color, register button background color and
    register button text color.
  • 7Enter title text size, date & location text size, button font size, margin top & bottom and calendar
    text with the option to hide calendar text & buttons.

 Lastly, click on Publish to get desired effects.

Content Builder – Twitter Wrap

The Twitter Wrap element allows you to show tweets on your pages and refine the results further by
hashtag keywords and tweet counts. In order to display this element, you must have already entered your twitter API
details in to the theme options as detailed in the instructions in 4.3 General Site Settings – Social
API

  • 1 Content Builder select Twitter Wrap element and you will then see the available options
    for the Twitter Wrap element.
  • 2 Enter your title, subtitle, event hashtag keyword (leave out the #) and how many tweets you would like to
    display. Other options are available for color customisation, icon and text size and margins

 

 

Content Builder – Small Call to Action

It’s always important to give your visitors a clear call to action. Whether you are trying to get them
to purchase your product or contact you for a quote, the call-to-action module will get the clicks you need. The
SCTA module is a simple combination of a title, body text and a button. When combined with a vibrant background
color, a SCTA can easily catch your visitor’s eye. The Small Call to Action element
allows you to create call to action with lesser information

 Please note that in order to build content in Small Call to Action element, just follow these
simple steps:

  • 1 Content Builder select Small Call to Action element and you will then see the available
    options for the Small Call to Action element.
  • 2 The elements will then display and you will need to set the title and subtitle, background image, background
    image tablet, button text as well as colors and text sizes, margins etc or leave blank for default settings.

 

Content Builder – Follow Us

 The Follow us element lets you create icon-based links that point to your online social
profiles, such as Facebook, Twitter. This icons are integrated into the theme, in the clean style which make them
preferable to use over third party plugins. You can add links to multiple social profiles within each module, and
add the module to anywhere on the page.

Please note that in order to build content in Follow us element, just follow these simple steps:

  • 1 Content Builder select Follow us element and you will then see the available options for
    the Follow us element.
  • 2 The Follow us element will then display and you will need to set the title , event
    hashtag keyword, Facebook page url, background color, text colors and text sizes, margins etc or leave blank for
    default settings.

 

Content Builder – Icon Boxes

The Icon Boxes element lets you create icon boxes that point to your online social profiles, such as
Facebook, Twitter. These icons are integrated into the theme, in the clean style which make them preferable to use
over third party plugins.

Please note that in order to build content in Icon Boxes element just follow these simple steps:

  • 1 Content Builder select Icon Boxes element and you will then see the available options for the
    Icon Boxes element.
  • 2 The sections will then display and you will need to set the text, link , icon, background color, text colors
    and text sizes, margins for three sections or leave blank for default settings.

Content Builder – Facebook Box

The Facebook Box element lets you create a section that shows the profile pictures of the attendees
of your Facebook Event, as well as the attendees/interested count and a link to the event.

In order to display this element, you must have already entered your Facebook API details in to the theme
options as detailed in the instructions in General Site Settings – Social API

Please note that in order to build content in Facebook Box element just follow these simple steps:

1 Content Builder select Facebook Box element and you will then see the available options for the
Facebook Box element.
2 The sections will then display and you will need to set the event link properties,
text/icon/links color and font size, background color and margins for the section or leave blank for default
settings.

Was this article helpful to you? Yes No