格式化在Wordpress主题中为PHP生成的HTML，用于站点文本徽标

Question

我正在使用Wordpress主题设置一个网站，该主题内置了图形和文本徽标选项。我想使用内置的文本徽标功能，但我想将徽标分开，因此可以在徽标中使用多种字体和格式。

header.php文件使用以下代码调用徽标：

    <?php napoli_site_logo(); ?>

生成的HTML如下所示：

    <a href="http://www.psphotography.com/" class="logo">
         <span>Paige Stumbo</span>      </a>

它从主题设置中的字段中提取徽标文本，并在主CSS中引用 .right-menu .logo span 以获取其格式。

要复制徽标，我从上面获取HTML并将其放在

下的header.php文件中

    <?php napoli_site_logo(); ?>

我将class =的HTML更改为引用“logo1”而不是徽标，然后复制CSS文件中的所有 .right-menu .logo span 并将其更改为 .logo1 而不是。

这给了我正在寻找的结果，现在主页上可以看到两个单独的文字标识。

生成的HTML如下所示：

    <!-- LOGO -->
    <a href="http://www.psphotography.com/" class="logo">
         <span>Paige Stumbo</span>      </a>
    <a href="http://www.psphotography.com/" class="logo1">
         <span>PHOTOGRAPHY</span>       </a>
    <!-- /LOGO -->

如何将第二个徽标放在第一个徽标下面而不是并排？我知道如何使用基本的HTML格式来实现这一点，但由于HTML是从PHP生成的，我迷失了。

Answer 1

应用以下CSS：

nlp.disable_pipes()

小提琴显示它正常工作： https://jsfiddle.net/tet4djoc/