Maria Antonietta Perna

You’re very welcome, I’m so glad it’s been useful to you ??

Hi Kandkmatwick,

You need this snippet:

.author-info {
  display: none;
}

This gets rid of the entire contents pertaining to the author. If you want that to disappear only at the bottom of the single post page, just write:

.single-post .author-info {
  display: none;
}

I hope this helps ??

Fantastic!

Yes, it’s different. The Stylesheet Editor you’re referring to gives you access to your theme’s stylesheet. You don’t want to edit that. Your CSS needs to be separate from your theme’s CSS in order to be preserved on theme updates.

Thanks for the link.

At the moment the font-size is 1rem. To make the font-size smaller throughout, it needs to be less than that, let’s say 0.8rem, but that’s something you need to adjust as you see fit. Here’s the code:

body, button, input, select, textarea {
    font-size: 0.8rem;
}

For the post title:

.entry-title {
    font-size: 1.8rem;
}

You can adjust the value for the font-size to your taste.

I hope this helps ??

Hi Kandkmatwick,

I meant the custom CSS plugins hosted on this www.ads-software.com website, which are freely available for you to download and use. Here’s the URL to a search I’ve just performed, you’ll find a long list you can choose from:

https://www.ads-software.com/plugins/search.php?q=custom+css+editor

Using a custom CSS editor for your modifications (as long as they only include CSS) will avoid hacking the theme’s files and therefore preserve your modifications on the next theme’s update.

If you post a link to your website I’ll be able to give you the exact CSS you need to make your changes.

Cheers!

If the logo isn’t available, the header image is and that’s what you’ve used, which is now in the right place above the navigation.

As for the font size, I can certainly manipulate it with the code above using developer tools, so I’m not sure what might be stopping the code from working. Try using !important at the end of the declaration:

#pique-hero .pique-panel-content .entry-content p:first-of-type {
    font-size: 1em !important;
}

Hi Anthony,

How did you add the logo? From the source code it looks like it’s in the wrong place. Did you use the Site Logo feature in Customizer? Here’s where you can find more info (although it’s on wp.com it can still be useful information):

https://en.support.wordpress.com/site-logo/

As for the font size below the main image, try this code in a custom CSS editor:

#pique-hero .pique-panel-content .entry-content p:first-of-type {
    font-size: 2em;
}

Replace 2em with a smaller font-size value.

I hope this helps ??
– Maria Antonietta

Great, you’re welcome ??

Hi wonderingwhere,

Here’s a little trick to center absolute positioned elements:

`.site-header .site-logo-anchor {
position: absolute;
top: 25px;
left: 50%;
transform: translateX(-50%);
}`

This should keep the logo centered both on mobile devices and desktop browsers.

I hope this helps ??
– Maria Antonietta

Hi Tahir,

You can display excerpts in two ways.

1) in your post editor add the Read More tag (if you’re unsure, hover over the icons at the top of the editor. It should be the second icon from the right). Everything before the Read More tag will be your excerpt, everything below it will be visible only from the single post page, not in the post listing.

2) In your post editor, use the Excerpt box (if you can’t see it click the Screen Options button on the top right of the post editor screen and check Excerpt). Write your excerpt, in the textarea and save your post. In the post listing page you should now only see your excerpt, while the entire post will be visible in the single post page.

I hope this helps
– Maria Antonietta

Hi JB2,

Twenty Sixteen hasn’t got Customizer option to change default font size. To do so, you need to use CSS. To make sure your modifications survive a theme update, I recommend you install a custom CSS editor plugin (there are good ones in the .org plugins repo).

Then you could try modifying the global font size in the body tag:

body {
 font-sze: 14px;
}

It could be other typographic elements have a specific font size, so you’ll have to target them and change the font-size value with CSS.

I hope this helps.

– Maria Antonietta

Sorry, I got the wrong file. You need to copy single.php into your child theme, find the same line of code (<?php flymag_post_nav(); ?>) and make the modification.

The result should be that if you’re viewing a single post in your chosen category you see the next and previous post link, if you’re on any other category you don’t. Is this what you’re aiming for?

I’ll try to replicate the problem tomorrow on my computer.

Hi Ultragraphik,

You need a child theme to do this because you’re going to modify a template file and certainly don’t want to lose all your mods after a theme update.

Copy index.php from the parent into the child theme. Next, open your child theme index.php file and find this line of code:

<?php flymag_paging_nav(); ?>

Change the snippet above into this:

<?php
if( is_category( 'category-slug' ) ) {
  flymag_paging_nav();
}
?>

Replace category-slug with the slug of your chosen category and you should be good to go.

I hope this helps ??
– Maria Antonietta

Hello there!

Try setting the width to 100% instead of 900, and then add this css to your child theme or custom CSS editor:

#bs {
  margin: 0 auto;
}

This should improve the situation.

– Maria Antonietta