Docs

[powrider686]

Hello,
I’m trying to change the font on my multisite site wasteinc.us. I’ve gotten most of the text to change, but I can’t get the menu links to change fonts.

It seems that for multisite, you don’t have to change any of the style.css, as I can’t find the directory for the multisite install, but the changes have applied everywhere besides the menu bar.

Thanks for the help!

This is what I have for the CSS:
/* all links */
a {
font-family : ‘PAPYRUS’;
}

.x-topbar {
font-family : ‘PAPYRUS’;
}

.x-logobar {
font-family : ‘PAPYRUS’;
}

/* menu links */
.x-navbar ul li a{
font-family : ‘PAPYRUS’;
}

/* logo */
.x-brand {
font-family : ‘PAPYRUS’;
}

/* Main content */
.x-main {
font-family : ‘PAPYRUS’;
}

/* Sidebar */
.x-sidebar {
font-family : ‘PAPYRUS’;
}

/* Footer */
.x-colophon {
font-family : ‘PAPYRUS’;
}/*
// Buttons
*/

.x-btn {
font-weight: 700;
}

.x-btn.x-btn-alt,
.button.x-btn-alt,[type=”submit”].x-btn-alt {
border-color: #02aed6;
background-color: #02aed6;
box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-alt:hover,
.button.x-btn-alt:hover,[type=”submit”].x-btn-alt:hover {
border-color: #0b8ead;
background-color: #0b8ead;
box-shadow: 0 0.25em 0 0 #097690, 0 4px 9px rgba(0, 0, 0, 0.75);
}

/*
// Dropcap
*/

.x-dropcap {
background-color: #02aed6;
}

/*
// Headings – Dark section
*/

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section h1 a,
.dark-section h2 a,
.dark-section h3 a,
.dark-section h4 a,
.dark-section h5 a,
.dark-section h6 a {
color: #fff;
}

.dark-section h1 a:hover,
.dark-section h2 a:hover,
.dark-section h3 a:hover,
.dark-section h4 a:hover,
.dark-section h5 a:hover,
.dark-section h6 a:hover {
color: #fff;
opacity: 0.65;
}

/*
// Sidebar
*/

.widget a {
color: #02aed6;
}

/*
// Contact Form 7
*/

.wpcf7-form {
margin: 0;
}

[powrider686]

I have a bit of follow up to that as well. I got it to work, but had to use the !important tag to get it to work. I also have to add the font-family: PAPYRUS; to the style of each element to get the elements to display with the papyrus font.

How could I get it to apply globally and have the font show up within the typography chooser within the customizer?

Thank you!

[John Ezra]

Hi there,

Thanks for writing in! You currently have an under construction page active. Please provide us with login credentials via Private Reply so we can check out your site. Thanks!

[powrider686]

This reply has been marked as private.

[Paul R]

Hi,

Please change your password asap as you forgot to set your reply as private.

1. With regards to your font, to set it globally you can add this in custom > edit global css in the customizer

body * {
    font-family: 'PAPYRUS' !important;
}

2. To relocate footer content, create file wp-footer.php in wp-content/themes/x-child/framework/views/ethos
and copy the code below into that 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' ); ?>

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

  <?php endif; ?>

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

Hope that helps

[powrider686]

Hey,
Thanks for the help. The font for the body worked great.

The footer content didn’t change though. Here is what I have in the wp-footer.php 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’ ); ?>

<?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_social_display’ ) == ‘1’ ) : ?>
<?php x_social_global(); ?>
<?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; ?>
</div>
</footer>

<?php endif; ?>

<?php x_get_view( ‘global’, ‘_footer’ ); ?>

[Lely]

Hi There,

Your code is correct. Would you mind giving us FTP credentials on a private reply so we can check your settings?

[powrider686]

This reply has been marked as private.

[Jade]

Hi there,

I tried the details above but I got these error

Error:	Authentication failed.
Error:	Critical error
Error:	Could not connect to server

Kindly double check.

[powrider686]

This reply has been marked as private.

[powrider686]

This reply has been marked as private.

[Paul R]

Hi,

The ftp login doesn’t seem to work.

Kindly check again and let us know.

Thanks

[powrider686]

This reply has been marked as private.

[powrider686]

The only thing I’m looking for is switching the footer around so that the menu is about “Powered by”

I figured everything else out 😉

Thank you!

[Paul R]

Hi,

The code didn’t work because you added the file in wp-content/themes/x-child/ instead of wp-content/themes/x-child/framework/views/ethos

http://screencast.com/t/6b4p7Mlqwe

I went ahead and added it in the correct directory and now the code works.

[Author]

Posts