这是将社交图标移动到页面右侧的最佳解决方案吗？

Question

我正在尝试将社交图标移到页面顶部的右侧，并在我的WordPress主题中反转他们的顺序，仅使用CSS而非HTML。

这是我的页面http://qattaj.com。这是我想用css文件做的解决方法：

 #ishyoboy-social-widget-5
    {
    width: 100%;
    }
    .onepcssgrid-1200
    {
    width: 100% !important;
    }
    .header-widgets
    {
    direction: rtl;
    text-align: right;
    }
    .social
    {
    width: 100% !important;
    }

我尝试了它并且它有效，但你认为这是最好的“CSS”方法吗？

一旦我将主题更新为未来版本，编辑html将使我失去所有修改。即使将来更新主题，我也会使用带有CSS的子主题来保留我的修改。

Answer 1

给小部件全宽

div#ishyoboy-social-widget-5 {
width: 100%;
}

以相反的顺序将社交图标浮动到右侧

.header-widgets ul.social li {
float: right;
}

Answer 2

使用此css：

.col6 {
    width: 100%;
}
.header-widgets ul.social {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}