Docs

[MK F]

Hi guys:

You’ve helped me brilliantly in the past, so here I am again. I’ve been going through the forums, but I can’t find exactly what I want and I’ve tried most of the footer color changing CSS, but none has worked.

I want to do something similar to the attached to my footer. One level in the center with three columns below it. Is this possible with X?

I also want to change the footer background color and header, link and text colors. I’ve been trying to change it in my child theme style.css and nothing is working.

My site: http://www.mountalverniahs.org
Wordpress: 4.5.3
X: 4.6.0
Cornerstone: 1.3.0

[Christopher]

Hi there,

Copy _footer-widget-area.php from framework/views/global and put it in the same path inside child theme, replace existing code with following :

<?php

// =============================================================================
// VIEWS/GLOBAL/_FOOTER-WIDGET-AREAS.PHP
// -----------------------------------------------------------------------------
// Outputs the widget areas for the footer.
// =============================================================================

$n = x_footer_widget_areas_count();

?>

<?php if ( $n != 0 ) : ?>

  <footer class="x-colophon top" role="contentinfo">
    <div class="x-container max width">
        <img style="margin:0 auto;display:block;" src="//www.mountalverniahs.org/wp-content/uploads/2016/02/mahs-header-fra-trad-dark1.jpg" alt="Teaching girls to have faith in themselves">

      <?php

      $i = 0; while ( $i < $n ) : $i++;

        $last = ( $i == $n ) ? ' last' : '';

        echo '<div class="x-column x-md x-1-' . $n . $last . '">';
          dynamic_sidebar( 'footer-' . $i );
        echo '</div>';

      endwhile;

      ?>

    </div>
  </footer>

<?php endif; ?>

Please add following code in Customize -> Custom -> CSS :

.x-logobar, .x-navbar, .x-colophon.top, .x-colophon.bottom {
    background-color: red;
}
.x-colophon.bottom .x-nav li a {
   color: #000;
}
.x-colophon.bottom .x-nav li a:hover {
   color: #fff;
}
.x-colophon-content p {
    color: #000;
}

Hope that helps.

[MK F]

Sorry I feel a bit dumb here — what do you mean by “Copy _footer-widget-area.php from framework/views/global and put it in the same path inside child theme”? So I can’t just take that and put it in the functions.php of the child theme?

[Christian]

Please see https://community.theme.co/kb/customization-best-practices/ to learn or better understand how to customize X. Not all customization could be done in functions.php

Thanks.

[MK F]

Okay – I misunderstood what you said. Got it now. Thanks for the help!

[Thai]

If you need anything else please let us know.

[Author]

Posts