将自定义CSS添加到我的Polylang小部件中，并使用WordPress删除项目

Question

我正拼命地试图移除出现在旗帜前面的子弹。我使用的是WordPress，我在标题中添加了这个Polylang特性作为小部件。我试图发布一个截图，但我还不能上传图片。

我也想自定义css这个小部件，但是我已经尝试了我所能想到的一切，但是没有发生任何事情。基本上，当我想把它放在右边的时候，它就放在我页面的左边。下面是我在my_functions php中使用的代码：

function my_widgets_init() {

) );register_sidebar( array(
'name' => __( 'Header Area', 'your-theme' ),
'id' => 'sidebar-2',
'description' => __( 'An optional widget area for your site header', 'your-theme' ),
'before_widget' => '<div id="%1$s" class="headwidget %2$s">',
'after_widget' => "</div>",
'before_title' => '<h3>',
'after_title' => '</h3>',) );
}
add_action( 'widgets_init', 'my_widgets_init' );

下面是header.php中使用的代码

    <div class="span12" id="polylang-2">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar-2') ) : ?> <?php endif; ?></div>

我试着从WP管理小部件面板中输入自定义CSS，我不知道如何从这里编码--我猜这是因为没有任何改变.我已经做了很多定制我的网站，所以我对CSS很好，这是更多地找到在哪里作出改变，我有麻烦。而php还不是我的强项。

谢谢你的帮助。

Answer 1

您可以在小部件类之后注入一个自定义类，如下代码所示：'before_widget‘=> '’

现在您可以从主题文件夹中的style.css文件中调用类myclass了，我希望您知道如何删除css中的符号。

您可以从wp内容/主题/名称中找到您的主题文件。

.myclass {float:left;} /* to move it on the left */
.myclass ul {list-style:none;}

此外，您不需要id polylang-2的div，因为div自动来自上述小部件代码。

您可以将header.php代码更改为

<?php dynamic_sidebar("sidebar-2");?>

或

下一个方法是，如果您想使用现有代码，那么在主题内的style.css文件中添加以下css

#polylang-2 ul {list-style:none;}

如果它能解决你的问题就告诉我。谢谢