Livejournal
Log in
Post
Friends
My journal
lirik1980
in
ru_designhelp
Социальные иконки на странице блога
Jan 05, 2019 02:29
(
Read more...
)
стиль: chameleon
Leave a comment
Comments 5
yoksel
January 16 2019, 09:08:51 UTC
Сначала надо убрать иконки которые сейчас есть:
.j-social-networks-nav A:before {
content: none;
}
Поправить выравнивание появившихся:
.j-social-networks-icon {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
Поправить их размер:
.j-p-use-svg-in-socials .j-social-networks-nav .svgicon {
width: 25px;
height: 25px;
}
Покраска конкретной иконки:
.journalicon--add {
color: crimson;
}
Класс нужной иконки можно узнать в веб-инспекторе, он будет на svg-элементе внутри спана с классом j-social-networks-icon
Reply
lirik1980
January 16 2019, 10:26:11 UTC
Спасибо!!! Всё получилось!
Reply
yoksel
January 16 2019, 11:59:05 UTC
Отлично : )
Reply
akirich_pcroom
January 16 2019, 14:42:29 UTC
Глянул на блог, в бонус попробуйте скруглить верхние углы заглавной фотки:
.j-w-header-image-inner {
border-radius: 30px 30px 0 0;
}
Reply
lirik1980
January 16 2019, 17:55:50 UTC
Thanks! :)
Reply
Leave a comment
Up
Comments 5
.j-social-networks-nav A:before {
content: none;
}
Поправить выравнивание появившихся:
.j-social-networks-icon {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
Поправить их размер:
.j-p-use-svg-in-socials .j-social-networks-nav .svgicon {
width: 25px;
height: 25px;
}
Покраска конкретной иконки:
.journalicon--add {
color: crimson;
}
Класс нужной иконки можно узнать в веб-инспекторе, он будет на svg-элементе внутри спана с классом j-social-networks-icon
Reply
Reply
Reply
.j-w-header-image-inner {
border-radius: 30px 30px 0 0;
}
Reply
Reply
Leave a comment