Non-Profit navbar

Support
#1

Hi,

This is a really easy one that I shouldn’t have to be asking about, but here goes… I am using the Non-Profit template and I should be able to change the navbar color in the Customize>Header section. For some reason, I do not have that option! All themes are up to date. How can I change the navbar from green to my choice?

Thanks,
Dawn

#2

Never mind. Found it in the custom CSS. Still seems like it should have been in the Customize>Header section…

#3

Glad to hear that. :slight_smile:

#4

Why is it that on this template you can’t see the headline text in the page builder but you can see them on the live preview? You can only get to it from the skeleton mode. Makes it hard to edit!

I loaded up a second install to see if it was the version I was working on, but it’s acting the same on a fresh install that I loaded at isdg-austin.com/rei2. Same login will give you access to that one too if you need to see for yourself.

#5

Where do I change the color of the this border element on the NonProfit template homepage? I can’t find it anywhere…

#6

Hello There,

Because the custom headline is using <hr> tag, you may not be able to see it in the editor. If you want to add an <hr> tag, please insert a raw content element next to the custom headline.

The border color you referred to is actual a section separator. You can change it by clicking the section that appears before the “Our Mission” section.

Hope this helps.

#7

Thank you. one more question today…

In the footer, I had used this piece of code in an Ethos stack to place the footer menu above the footer text. It does not seem to be working on this Icon stack.

(function($){
$(‘footer.x-colophon.bottom .x-colophon-content’).insertAfter( $(‘footer.x-colophon.bottom ul#menu-primary-menu-2’) );
})(jQuery);

I added a new footer menu but it still isn’t swapping the location of these two elements. Have also tried removing the “-2” but that did nothing either. How does this need adjusted to work on the Icon stack?

#8

Hello There,

The best way to swap the footer menu above the footer text is to modify the footer template. Please remove the JS code first as it is not necessary and follow the steps below since you already your child theme installed:

1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/ICON/WP-FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output for Icon.
// =============================================================================

?>

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

  <?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_menu_display' ) == '1' ) : ?>
          <?php x_get_view( 'global', '_nav', 'footer' ); ?>
        <?php endif; ?>


        <?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_social_display' ) == '1' ) : ?>
          <?php x_social_global(); ?>
        <?php endif; ?>

        

      </div>
    </footer>

  <?php endif; ?>

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

3] Save the file named as wp-footer.php
4] Upload this file to your server in the child theme’s folder wp-content/themes/x-child/framework/legacy/cranium/footers/views/icon

You will need to create the folder paths because it does not exist in the child theme yet.

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

#9

Worked perfectly. Thank you!

#10

You’re more than welcome, glad we could help.

Cheers!

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.