Docs

[ravenevents]

Hi. I can’t find in the documentation how to update Essential Grid and several tutorials are referencing skins unavailable to me.

I want to have a 3 row grid of masonry logos, with the full logos showing in the space rather than blown up and cropped and the contain function is not giving me what I need.

I also want the grid, which appears at the bottom just above the main footer, to appear on every page above the footer (in effect to be a 1st footer, followed by grey footer and then purple final footer.)

http://abmatch.staging.wpengine.com
user: abmatch
viewing (non-admin) pass: 4a6a1db4

[Rue Nel]

Hello There,

Thanks for writing in!

1] The latest supported version of Essential grid in X is 2.1.0.1. You can find the compatible versions of all bundled plugins in here: https://community.theme.co/kb/version-compatibility/
If you want to update it, you just have to wait and see the update notifications. We are the ones who will be providing the updated supported version. You must validate your X theme to be able to connect to our plugin repository and be able to do the updates.

To know more how we utilize this plugin, please check this out: https://community.theme.co/kb/integrated-plugins-essential-grid#more-682204

2] Simply create your grid and make sure you have set it as masonry. You might be interested on this video:

3] Since you have your child theme active and ready, please follow the following steps below:
i] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
ii] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/ETHOS/WP-FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output for Ethos.
// =============================================================================

?>

  <?php x_get_view( 'global', '_header', 'widget-areas' ); ?>
  <?php x_get_view( 'global', '_footer', 'scroll-top' ); ?>
  <?php x_get_view( 'global', '_footer', 'widget-areas' ); ?>

  <!-- You can add your custom section starts here -->
  <div id="x-section-100" class="x-section" style="margin: 0px;padding: 45px 0px 0px; background-color: transparent;">
    <div class="x-container max width" style="margin: 0px auto;padding: 0px;">
      <div class="x-column x-sm x-1-1" style="padding: 0px;">
        <table style="width:100%;">
          <tbody><tr>
              <th><img src="/wp-content/uploads/2016/10/BDO_logo_300dpi.jpg" style="height:60px;"></th>
              <th><img src="/wp-content/uploads/2016/10/HN-logo.jpg" style="height:60px;"></th> 
              <th><img src="/wp-content/uploads/2016/10/QM-new.jpg" style="height:60px;"></th>
               <th><img src="/wp-content/uploads/2016/10/PIBLogo.jpg" style="height:70px;"></th>
                <th><img src="/wp-content/uploads/2016/10/Quatsino-First-Nation.png" style="height:80px;"></th>
            </tr>
            <tr>
              <th><img src="/wp-content/uploads/2016/10/Flag_of_the_Mississauga_First_Nation.png" style="height:110px;"></th>
              <th><img src="/wp-content/uploads/2016/10/Garden_River.jpg" style="height:100px;"></th> 
              <th><img src="/wp-content/uploads/2016/10/MembertouLogo.jpg" style="height:60px;"></th>
               <th><img src="/wp-content/uploads/2016/10/ns_bus_inc_logo.gif" style="height:100px;"></th>
                <th><img src="/wp-content/uploads/2016/10/CPG-logo-clr-RGB.jpg" style="height:100px;"></th>
            </tr>
            <tr>
              <th><img src="/wp-content/uploads/2016/10/Enoch-Cree-Logo.png" style="height:140px;"></th>
              <th><img src="/wp-content/uploads/2016/10/Gov-SK_13-COL.jpg" style="height:80px;"></th> 
              <th><img src="http://abmatch.staging.wpengine.com/wp-content/uploads/2016/10/KEDC.png" style="height:70px;"></th>
               <th><img src="/wp-content/uploads/2016/10/lheidli-t-enneh-first-nation.jpg" style="height:90px;"></th>
                <th><img src="/wp-content/uploads/2016/10/NPAAMB-Logo.jpg" style="height:100px;"></th>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <!-- You can add your custom sectioin ends here -->

  <?php if ( x_get_option( 'x_footer_bottom_display' ) == '1' ) : ?>

    <footer class="x-colophon bottom" role="contentinfo">
      <div class="x-container max width">

        <?php if ( x_get_option( 'x_footer_content_display' ) == '1' ) : ?>
          <div class="x-colophon-content">
            <?php echo do_shortcode( x_get_option( 'x_footer_content' ) ); ?>
          </div>
        <?php endif; ?>

        <?php if ( x_get_option( 'x_footer_menu_display' ) == '1' ) : ?>
          <?php x_get_view( 'global', '_nav', 'footer' ); ?>
        <?php endif; ?>

        <?php if ( x_get_option( 'x_footer_social_display' ) == '1' ) : ?>
          <?php x_social_global(); ?>
        <?php endif; ?>

      </div>
    </footer>

  <?php endif; ?>

<?php x_get_view( 'global', '_footer' ); ?>

iii] Save the file named as wp-footer.php
iv] Upload this file to your server in the child theme’s folder
wp-contents/themes/x-child/framework/views/ethos/

We would loved to know if this has work for you. Thank you.

[ravenevents]

Hi, it sort of works…

I can only get the row appearing correctly AFTER the widgetized footer area; if I try to move it above no widgetized footer appears. It has to be above – is that possible?

I can not get a sixth column of images to show on the right. The paths are fine but broken image links show. Screen shot attached; the sixth column image link shows in the chrome inspector with a tag appended: data-pin-nopin=true, and I don’t know how that is getting added.

Finally, the purple bottom footer with the site credit link no longer appears.

[ravenevents]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials.

The display might not be working because of this comment:
<!-- You can add your custom section ends here —>
It should be like this:
<!-- You can add your custom section ends here -->
See the difference at the end. Since the comment is not properly ended, it makes the code after it which widgetized footer as part of the comment too.

The image on the right is not showing because of pretty quotes. Please check this part:
<th><img src=“/wp-content/uploads/2016/10/LOGO-300x211.jpg” style=“height:80px;”></th>

Update to this:
<th><img src="/wp-content/uploads/2016/10/LOGO-300x211.jpg" style="height:80px;"></th>

Also this:
<th><img src=“/wp-content/uploads/2016/10/10380689_705851049477292_8148537722520016751_o.jpg” style=“height:100px;”></th>
Update to this:
<th><img src="/wp-content/uploads/2016/10/10380689_705851049477292_8148537722520016751_o.jpg" style="height:100px;"></th>

And this:
<th><img src=“/wp-content/uploads/2016/10/SIEF_logo.jpg” style=“height:100px;”></th>
Update to this:
<th><img src="/wp-content/uploads/2016/10/SIEF_logo.jpg" style="height:100px;"></th>

Hope this helps.

[ravenevents]

That totally worked on the staging site but when I deployed the new wp-footer.php on the live site the purple bar at the bottom still does not show.

[Rupok]

Hi there,

Can you provide us your live site URL?

Thanks!

[Author]

Posts