DavidSortOf

Aha! @sterndata, thank you! I hadn’t seen any errors until now. Not sure exactly what I’m seeing there, in your screenshot, but to answer your questions:

Yes, I’ve uploaded 12 font files and a .css file to a “fonts” folder at the top level of my theme folder.

I’ve added the fonts using the @font-face method.

The added .css file, entitled sample_stylesheet.css, contains the @font-face declarations:

@font-face {
    font-family: 'mreavessanot-reg';
    src: url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-reg-webfont.woff2) format('woff2'),
         url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-reg-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mreavessanot-regitalic';
    src: url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-regitalic-webfont.woff2) format('woff2'),
         url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-regitalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mreavessanot-bold';
    src: url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-bold-webfont.woff2) format('woff2'),
         url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mreavessanot-bolditalic';
    src: url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-bolditalic-webfont.woff2) format('woff2'),
         url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-bolditalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mreavessanot-heavy';
    src: url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-heavy-webfont.woff2) format('woff2'),
         url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-heavy-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mreavessanot-heavyitalic';
    src: url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-heavyitalic-webfont.woff2) format('woff2'),
         url(https://www.davidweiss.net/wp-content/themes/mantra-child/fonts/mreavessanot-heavyitalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

I have also tried putting that css in the “Custom CSS” section of my theme, which is a child theme based on Mantra, but that had no effect.

I also tried
putting just the font file name in the url, in ‘single quotes.’
putting the entire url/path in quotes, both single and double

And neither of those moves had any effect.

Interesting what you say about there being an error related to a CSS file. Note, I also tried adding this,
<link rel="stylesheet" href="sample_stylesheet.css" type="text/css" charset="utf-8" />

as an HTML snippet, site-wide in the header, using the WP Code plug-in, but this also had no effect in terms of the font being viewable to other computers.

Does that info help at all? See any suspects?

Rock n’ roll; works well! Thank you so much! : )

Update: I just randomly checked the page and the margin changes took effect. Very strange, but all set now; thanks again!

Hi Mark, actually I do have a question:

I added this

.wp-block-embed-soundcloud iframe {
height: 100px;
margin-top: -17px;
margin-bottom: -17px;
}

Which works, in the preview pane, but after I Publish, only the height parameter takes effect. I tried shift-refreshing the browser but that didn’t work. Theme is Twenty Thirteen if that makes any difference. Thanks!

Hey, thanks Mark! I ended up using the embedpress plug-in, which lets me change the size, but I’ll try your code, since this would be sans plug-in.

• This reply was modified 3 years, 6 months ago by DavidSortOf.

Hello again — An update: I learned that this issue only happens with the default icons. This is a minor issue, but I’d still really appreciate anybody’s insight into this. It’s a puzzle.

However, a clear workaround is to use something other than the default icons, and I’m currently in the process of trying out some others. Do they have to be unicode? Any guidelines to be aware of?

Thanks,

David

@kristelbelle248 Nice! Glad you found something that worked, and now we’ve got two solutions on this thread! For me, 3 Son’s code did the trick.

Hi @3sonsdevelopment, thanks for that, I was looking all over for this! : )

Would this work in functions.php? If so, how would the code change? I tried putting it in there like this

if ( is_home() ) { ?>
    <h1 class="entry-title">
        <?php echo get_the_title( get_option('page_for_posts', true) ); ?>
    </h1>
<?php } ?>

But it had no effect. Note that at the top of my file there a <?php, some code, and a ?>, and I pasted the above right after the previous code and right before the closing ?>. Also, I changed page-title to entry-title, because that’s the terminology that my theme uses.

I’m asking this question because I’m thinking that if the theme were to ever update it’s index.php file, I’d miss out on those changes because my index.php would over-rule it.

Hi @kristelbelle248 I see you said this almost two weeks ago but if you haven’t found a solution, I don’t have such a line in my theme either, so the trick is to find the right place to put it, which will change from theme to theme.

For my theme, the trick was to place it right under the line that says:
<div id="content" role="main">

So if your theme has that, try it! If not, look for the first use of the word “main,” and put it just under that. Good luck!

Ok I submitted a ticket, and the response was

The posts page is just a placeholder for generated content, and has no editable text content at all. Not loading the the block editor seems to be the intended behaviour in this special case.

I have no idea why some get the Gutenberg editor for the Posts page and some get the other, but I’m officially not going to worry about this anymore! ; )

• This reply was modified 3 years, 11 months ago by DavidSortOf.

Thanks Joy, I understand.

Yes, I did use the Classic Editor in the past, but this behavior persists even with all plug-ins disabled. It also behaves the same for a site on which I never installed the Classic Editor plug-in.

I forgot to mention nothing changed on my end with 5.7.1.

Thanks Joy; very strange. Is your Posts page your front page? On my end, I have a static front page and my Posts page is a page called “Blog.” (By the way I get it that the content on this page won’t be seen. Just trying to figure out this incongruity.)

I’m getting this same behavior across multiple sites, so I’m guessing it’s probably default behavior for when a static front page is chosen in Settings > Reading?

Can someone please verify? Totally minor issue, but I’m trying to troubleshoot something else and I want to make sure that this incongruity isn’t a sign that something needs to be fixed.

Thanks again, Joy! I took the existing index.php and renamed it home.php, and I found the template file for two columns, sidebar on the right, but I’m just baffled, and that’s primarily because I don’t know what I’m doing. ; )

I tried putting everything (Except for get_header() and get_footer()) into various places in the code of home.php, and nothing seems to get a two-column layout. Even if I replace the entire contents of home.php with the entire contents of the two-column template, I get a very generic one-column layout, without post-excerpts, etc.

So yes, clearly I need to get input from the theme guys. I’ll keep Twenty8Teen in mind, but I really like the look-and-feel of this one, so I hope I’ll be able to make this “little” tweak.