[jpagParticipant]

Hello,
I need help to change the footer of the site that I’m developing. I managed to change it but to get what I want, I have to edit the file footer.php in the theme child. Basically I need to define 4 div with specific CLASS, to edit later with CSS,
1 to the left for the logo
1 to the left for information
1 right to the pages of the site
1 to the right for social icons (social icons X default, the same in the header)

Here a picture of how it should be.
For this project I use the X version 3.2.4
Shortcodes 3.0.5
Wordpress 4.2.2

Thanks,
L.

[NicoModerator]

Hi There,

Thanks for writing.

We would like to help you however this is beyond the scope of our support. It would be best to contact a custom developoer for that one.

Thank you so much for understanding.

[jpagParticipant]

Reading the forum I saw that you have advised users how to edit the footer.php, I do not think I asked a different thing … thanks anyway, I was hoping for a more professional service considering how much I pay.

L.

[FriechModerator]

Hi There,

Sorry for the confusion. We only provide minor cosmetic changes anything with template changes will fall in custom development.

While that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.

On your child theme’s root directory create a file named footer.php then paste the code below:

<?php

// =============================================================================
// FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output.
// =============================================================================

?>

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

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

    <footer class="x-colophon bottom" role="contentinfo">
      <div class="x-container max width">
  <div class="float-l">
        <!-- EDIT THIS PART -->
        <img src="http://i.imgur.com/7gUNSPl.jpg">
        <p>Lorem ipsum dolor sit amet</p>
        <p>Cell +39 0000000</p>
        <p>lorem@ipsum.dolor</p>
        <p>consectetur adipisicing elit</p>
        <p>Duis aute irure dolor in reprehenderit</p>
  </div>
  <div class="float-r">
        <?php if ( x_get_option( 'x_footer_content_display', '1' ) == '1' ) : ?>
          <div class="x-colophon-content">
            <?php echo x_get_option( 'x_footer_content' ); ?>
          </div>
        <?php endif; ?>
  
        <?php if ( x_get_option( 'x_footer_menu_display', '1' ) == '1' ) : ?>
         <?php x_get_view( 'global', '_nav', 'footer' ); ?> 
        <?php endif; ?>

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

  <?php endif; ?>

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

Then make the necessary changes where the <!– EDIT THIS PART –> comment is, and add this under Custom > CSS in the Customizer.

.float-l {float: left;text-align: left;}
.float-l p {margin-bottom: 0;}
.float-r {float: right;text-align: right;}

Hope it helps, Cheers!

[jpagParticipant]

Thanks so much, this was what I needed to start editing the file footer.php and get what I need.
I apologize for the message tones perhaps excessive.

Thanks again.

[ThaiModerator]

You’re most welcome.
If you need anything else, please let us know 🙂

[Author]

Posts