Setting up the footer section

Our demo import doesn’t include the WordPress widgets, so this article will help you to re-create the content as presented.

The footer options

You can set the number of columns that will appear in the footer section, by going to Listing Types  Settings  Theme  Footer  Number of widget columns. In the same section you can find some additional options for this area.

The widgets

Manage the widgets that will appear, by going to Appearance  Widgets. For the demo, we are using Navigation Menu widget and Plan text. The plain text contains the following code:

<p><span class="ulz-font-heading" style="display:block;font-size:30px;margin-bottom:1.5rem;">Yo!Digital</span></p>
<p>Build your own marketplace for any digital assets, premium fonts, stock photos, videos, eBooks and more</p>
<p>[utillz-social-icons]</p>

Where the shortcode [utillz-social-icons] will automatically display the social media icons that you have enabled. You can manage this by going to Listing Types  Settings  Theme  Social.

FAQ

Can I change the size of any column?  — Yes, you can add some basic CSS code that will change the size of any specific column, here is an example:

.ulz-footer .ulz--columns .ulz--cell:first-child {
    flex: 0 1 27%;
    margin-right: 2rem;
}

How to add embed code to your listing page?

You can add any embed code like YouTube videos or Street View Map using a simple text field.

• Edit the listing type and navigate to Listing  Fields
• Create a new textarea field
• Then navigate to Display  Single Page and create a content module of type Content to display the video field you have just created
• Edit a listing from the same listing type and insert your embed code in the video field
• Output:
  

How do I import listings from csv?

We recommend using WP All Import plugin and import previously created listings to our theme.

It simplifies the whole bulk – listings process, and it gives you a helping hand so that you get the job done.

Learn how to use WP All Import’s drag & drop interface to your XML or CSV file:

Here you can also check the user guide & documentation.

Custom fonts

If you like to use your own font, you can easily manage this. First, open the Google Font library and pick a font.

• Then navigate to your admin dashboard, and go to Listing Types  Settings  Theme  Fonts
• Let’s use the font Poppins for the purpose of this example
• Select the weights of the font, and copy only the font declaration: Poppins:wght@400;700
  ​
• Copy and paste the font declaration into the font field
• You are now loading the font correctly. The next step is to navigate to Appearance  Customize  Additional CSS, and add the following CSS code:

  :root {
      --font-heading: 'Poppins'; // use for the heading font
      --font-body: 'Open Sans'; // use for the body font
  }

For self-hosted fonts, you can use 3rd party plugins like Custom Fonts.