Sean Davis

The font of your widget titles is still handled with CSS like all other text on your site. You’ll just need CSS that targets the widget titles specifically and not any other text.

First, make sure you’re working in either a child theme or a plugin that gives you a CSS file to make edits to that is not your main theme CSS file. With that in place, use the following CSS to target your widget titles:

#sidebar .widget .widget-title {
    font-family: arial;
}

Of course, swap Arial out with your font of choice there. But that CSS selector is what you’ll use to target widget titles.

No problem!

No that CSS is working just as it should. That’s doing what I pointed out in my last comment… centering the entire page element.

Tell me, where are you writing your CSS? I looked at the stylesheet that the above CSS is in and I don’t see anything else that’ll center any other elements on the site except for the primary nav menu which is written right above it. Where was the CSS that did the things that are no longer being done?

Also, I can only find one style.css file in your file structure. Are you using a child theme?

Can’t be 100% sure without seeing the theme’s file structure but most likely, there’s a header.php file in the parent theme responsible for outputting the title. If you can confirm that, copy that entire file to the root of your child theme. You’d then be free to edit that header.php file however you wish to override the parent theme’s header file.

Create and activate a child theme and copy the loop.php file to the root of your child theme. Now in that file, find the following HTML and remove it (or comment it out).

<section id="post-author">
	<figure class="author-avatar">
		<?php echo get_avatar( get_the_author_meta( 'ID' ), 148 ); ?>
	</figure>
	<h4><?php echo get_the_author_meta( 'display_name' ); ?></h4>
	<p><?php echo get_the_author_meta( 'description' ); ?></p>
	<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>"><?php _e( 'View more posts from this author', 'minimize' ); ?></a>
</section>

No problem. Just go to dashboard -> Jetpack and find the “Mobile Theme” module. Click the “Learn More” button and the “Configure” button next to it will turn into a “Deactivate” button. Click that and it’s turned off.

If you’re using a child theme to do this, you still need to work inside of your child theme’s style.css file. There’s no need to duplicate the foundation.css in your child theme.

If the style rules in your child theme’s style.css are not overwriting the foundation.css rules from the parent theme, it’s most likely because you child theme CSS selectors aren’t strong enough.

And to be sure, test and make sure the child theme’s style.css is set up correctly to begin with.