添加自定义CSS到我的Polylang小部件并删除项目符号 - 使用WordPress

时间:2014-01-29 02:12:45

标签: css wordpress

我拼命想要移除出现在旗帜前面的子弹。我正在使用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还不是我的强项。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

你可以在widget类之后注入一个自定义类,如下面的代码所示:         'before_widget'=&gt; ''

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

您可以从wp-content / themes / themename

找到您的主题文件
.myclass {float:left;} /* to move it on the left */
.myclass ul {list-style:none;}

此外,你不需要id为polylang-2的div,因为div自动来自上面的widget代码。     

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

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

OR

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

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

让我知道它是否能解决您的问题。感谢