Как изменить стили?

Question

[mrzgt]

Подскажите , как сделать что бы блок сетей разместить справа и выдвигающиеся блоки выдвигалися справа налево
https://codepen.io/Dwstroy/pen/EbdgoN

Comments

[Froggyweb]

ну css как бы подправить
если вордпресс, то можно плагин поискать

Answer 1

[Aricus]

Сначала везде тупо заменяешь left на right и наоборот. Дальше осталось только dws-button спозиционировать по правому краю (margin-left: auto;)

body{
 background-image: url("https://dwstroy.ru/lessons/les3397/demo/img/ep_naturalwhite.png");
}
.social{
 position: fixed;
 top: 50px;
 right: 0;
 z-index: 1000;
}
.dws-button{
 background-color: #3b5998;
 width: 100px;
 height: 25px;
 padding: 5px;
 transition: all 0.5s;
}
a{
 color: #ffffff;
 text-decoration: none;
}
a i.fa{
 font-size: 25px;
 text-align: center;
 display: block;
}
.dws-share{
 float: right;
 width: 40px;
}
.dws-text{
 float: left;
 font-size: 20px;
 position: relative;
 top: 2px;
 left: 5px;
}
.dws-facebook {background-color: #3b5998;}
.dws-vk {background-color: #507299;}
.dws-twitter {background-color: #33bdf1;}
.dws-youtube {background-color: #e62117;}
.dws-odnoklassniki {background-color: #ee8208;}
.dws-envelope-o {background-color: #656766;}

.dws-button{
 width: 40px;
 height: 25px;
 padding: 5px;
 overflow: hidden;
 margin-left: auto;
}
.dws-button:hover{
 background-color: #000;
 width: 50px;
 padding-right: 15px;
}
.dws-facebook:hover{width: 75px}
.dws-vk:hover,.dws-youtube:hover{width: 95px}