Как подключить свои CSS файлы?

Новичо́к, через «о́»
Регистрация
7 Авг 2020
Сообщения
240
#1
@Alisa подскажи, как подтянуть css ? создал отдельные файлы в /themes/daenerys/public/css прописал линки в /themes/daenerys/views/includes/head.esj
чет не полностью отрабатыывает.
делаю футер на 7row.fun

1597612222920.png
 
Думает, что помогает
Регистрация
15 Дек 2017
Сообщения
4,117
#2
Вы правильно прописываете.
 
Новичо́к, через «о́»
Регистрация
7 Авг 2020
Сообщения
240
#12
то нужно сделать чтоб все заработало как надо ?
 
Новичо́к, через «о́»
Регистрация
7 Авг 2020
Сообщения
240
#15
CSS файл выводится в коде сайта.
Вы что-то там испортили, используйте стандартный файл: https://daenerys.cinemapress.io/themes/daenerys/public/css/all.min.css
Что я мог испортить ?
Я просто добавил в низ файла свой код и все


/* Footer css */
.site-footer {
background-color:#332E59;
padding:45px 0 20px;
font-size:15px;
line-height:24px;
color:#737373;
}
.site-footer hr {
border-top-color:#bbb;
opacity:0.5
}
.site-footer hr.small {
margin:20px 0
}
.site-footer h6 {
color:#fff;
font-size:16px;
text-transform:uppercase;
margin-top:5px;
letter-spacing:2px
}
.site-footer a {
color:#737373;
}
.site-footer a:hover {
color:#3366cc;
text-decoration:none;
}
.footer-links {
padding-left:0;
list-style:none
}
.footer-links li {
display:block
}
.footer-links a {
color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover {
color:#3366cc;
text-decoration:none;
}
.footer-links.inline li {
display:inline-block
}
.site-footer .social-icons {
text-align:right
}
.site-footer .social-icons a {
width:40px;
height:40px;
line-height:40px;
margin-left:6px;
margin-right:0;
border-radius:100%;
background-color:#33353d
}
.copyright-text {
margin:0
}
@media (max-width:991px) {
.site-footer [class^=col-]
{
margin-bottom:30px
}
}
@media (max-width:767px) {
.site-footer {
padding-bottom:0
}
.site-footer .copyright-text,.site-footer .social-icons {
text-align:center
}
}
.social-icons {
padding-left:0;
margin-bottom:0;
list-style:none
}
.social-icons li {
display:inline-block;
margin-bottom:4px
}
.social-icons li.title {
margin-right:15px;
text-transform:uppercase;
color:#96a2b2;
font-weight:700;
font-size:13px
}
.social-icons a{
background-color:#eceeef;
color:#818a91;
font-size:16px;
display:inline-block;
line-height:44px;
width:44px;
height:44px;
text-align:center;
margin-right:8px;
border-radius:100%;
-webkit-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover {
color:#fff;
background-color:#29aafe
}
.social-icons.size-sm a {
line-height:34px;
height:34px;
width:34px;
font-size:14px
}
.social-icons a.facebook:hover {
background-color:#3b5998
}
.social-icons a.twitter:hover {
background-color:#00aced
}
.social-icons a.linkedin:hover {
background-color:#007bb6
}
.social-icons a.dribbble:hover {
background-color:#ea4c89
}
@media (max-width:767px) {
.social-icons li.title {
display:block;
margin-right:0;
font-weight:600
}
}
 
Новичо́к, через «о́»
Регистрация
7 Авг 2020
Сообщения
240
#19
Есть стили, где всё отображается исправно https://daenerys.cinemapress.io/themes/daenerys/public/css/all.min.css
Есть стили где все отображается не исправно https://7row.fun/themes/daenerys/public/css/all.min.css

Проблема в Вашем CSS.
Так а почему вдруг отображаются не исправно ?
Повторюсь. Добавил код вниз основного и все.
Сам код работает исправно ( тестил у себя локально на тестовом сайте)