English 中文(简体)
Custom 6.2.2和20 三大主题
原标题:Custom CSS drop caps in Wordpress 6.2.2 with Twenty Twenty Three theme

I m 试图在20三个主题——“压力”6.2中放弃上限。

我发现,在我看来,它涉及的是旧的言辞,也可能涉及一个老大的主题。 这种做法是容易的,但我无法找到如何用20三个主题来做到这一点的相关文献。

其后,我又加上“CSS”的习惯,如何为退学者使用不同的字体?

我有两个较年长的职位,从较早的缩略语中排出上限,我曾用儿童主题一来打上风格,但我升至20个。 三个主题和我失去了我的习惯。

我通过“Tools > Theme file Editor”添加了以下代码,但似乎并没有奏效。

p.has-drop-cap:not(:focus)::first-letter
{
  font-family:  Fredericka the Great , cursive;
}
问题回答

无论是<>TromyTromyTwo,还是,目前支持dropCaps。 由于某些用户系统的布局不可取,与会者一致认为,对这两个主题而言,退款支助不是强制性的。 阅读更多 新闻稿:https://github.com/WordPress/t twenty-second/issues/180

但是,可以找到工作。 由于你必须触及主题核心档案,使用儿童专题可能不是一个坏的想法。 否则,在进行更新时,调整可能过于书面。

工作情况首先在comment <。 a 吉唐用户,载于thread。 相关的中央支助事务从@justintadlock ,即另一个Gite Hub的用户,请, 可在上读取。

因此,您需要采取哪些步骤,使<代码>>> dropCap成为可能。 支助:

  1. Since you are using the theme file editor, go there and open theme.json.
  2. At about line 109, under typography, change the value for dropCap from false to true.
  3. Save the file.
  4. Open the theme s style.css and add:
.has-drop-cap:not(:focus)::first-letter {
    font-family: var( --wp--custom--drop-cap--typography--font-family, inherit );
    font-size: var( --wp--custom--drop-cap--typography--font-size, 5.5em );
    font-weight: var( --wp--custom--drop-cap--typography--font-weight, 700 );
    font-style: var( --wp--custom--drop-cap--typography--font-style, normal );
    line-height: var( --wp--custom--drop-cap--typography--line-height, .85 );
    margin: var( --wp--custom--drop-cap--spacing--margin, 0.05em 0.1em 0 0 );
    padding: var( --wp--custom--drop-cap--spacing--paddig, 0 );
}
  1. Save the file.

<>光> 如果你想使用一种习俗真话,你可以在打字部分上添加字句,在<条码>上。 可在网上查阅。 你们还可以尝试用自己的价值来直接取代在国际空间站上的所有变量。 但我很抱歉,如果我这样做的话,我就可以记住,因为我只用了一次工作,而且时间已经过了,而且这个页像现在这样。 你们只得检验它。

Finally, don t forget to properly include your Fredericka the Great font into Wordpress.
Hope this works for you.





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...