将短代码生成的小部件和主题元素保持在一行中。

Question

我建立了一个游乐场网站PlaygroundSite

我正在尝试将Polylang语言转换小部件放在链接图标的同一行中。因为爬升主题不包含小部件/侧边栏区域，所以我使用amr短代码将任何小部件插件插入到header.php中。

不幸的是，您--它不工作-- OOTB，您可以在现场看到结果。我也很想去掉国旗左边的子弹(指示器)。

用于插入的代码：

<?php echo do_shortcode('[do_widget id=polylang-4]'); ?>

Answer 1

为了摆脱子弹和改变分配，您将需要CSS。

最上面的部分：

aside.widget_polylang.amr_widget,
aside.widget_polylang.amr_widget ul,
aside.widget_polylang.amr_widget li {
  /** align with li */
  display: inline-block;
  float:right;
  /** remove bullets */
  list-style: none;
}

ul.social-icons {
  /** align with li */
  display: inline-block;
  float: right;
}

在底部部分：

aside.widget_polylang li {
  /** remove bullets */
  list-style: none;
}