gridbox не применяются стили к элементам

  • 1 Ответов
  • 63 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

ejik_off

  • ***
  • 164
  • + 2 -
Всем привет!
вопрос такой использую компонент gridbox, на локальном сервере все настроил и все прекрасно работает, перенес на хостинг и появились проблемы (https://tabys-service.kz). После форматирования через админку стили не применяются, точнее применяются, но только те что были настроены по дефолту при установки gridbox. Думаю что проблема в правах на файлы стилей, поменял им права на 777 но результатов нет. Создал отдельный CSS с стилями для меню, но стили тоже не применяются, не пойму, в чем проблема?
файл style.css
Код
div#item-15020874477152.ba-item-main-menu ba-item {
display : block;
margin-bottom : 25px;
margin-top : 25px;
}

#item-15020874477152 .main-menu li a,
#item-15020874477152 .main-menu li span {
color : #e7512f;
font-family : 'Roboto';
font-size : 14px;
font-style : normal;
font-weight : 500;
letter-spacing : 1px;
line-height : 28px;
text-decoration : none;
text-align : center;
text-transform : uppercase;
}
#item-15020874477152 .main-menu .nav-child li a,
#item-15020874477152 .main-menu .nav-child li span {
color : #1a1a1a;
font-family : 'Roboto';
font-size : 12px;
font-style : normal;
font-weight : 500;
letter-spacing : 0px;
line-height : 12px;
text-decoration : none;
text-align : left;
text-transform : uppercase;
}
#item-15020874477152 ul {
text-align : center;
}
#item-15020874477152 .main-menu li.active > a,
#item-15020874477152 .main-menu li.active > span {
color : #fff;
background:#e7512f;
border-radius:50%;
}
#item-15020874477152 .main-menu .nav-child li.active > a,
#item-15020874477152 .main-menu .nav-child li.active > span {
color : #2b9884;
}
#item-15020874477152 > .ba-box-model:before {
height: 25px;
top: -0px;
}
#item-15020874477152 > .ba-box-model:after {
height: 25px;
bottom: -0px;
}
#item-15020874477152 .main-menu li a:hover,
#item-15020874477152 .main-menu li span:hover {
color : #fff;
background:#e7512f;
border-radius:50%;
}
#item-15020874477152 .main-menu .nav-child li a:hover,
#item-15020874477152 .main-menu .nav-child li span:hover {
color : #2b9884;
}
#item-15020874477152 ul.nav-child {
background-color : #fafafa;
border : 0px solid #000000;
border-radius : 6px;
box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.1);
}
#item-15020874477152 .nav-child > .deeper:hover > .nav-child {top : -0px;
}
 
« Последнее редактирование: 12.08.2017, 14:02:17 от ejik_off »

*

almika

  • ****
  • 269
  • + 22 -
С компонентом не сталкивалась с этим.
На первый взгляд, возможно, кэширование виновато.
У вас подключается файл tabys-service.kz/components/com_gridbox/assets/css/storage/style-1.css
В нем стили для #item-14995048390, ....
Почистить кэш Joomla. Если не поможет, то на сервере кэширование может быть еще.

P.S. Решотки - неправильно. Правильно - Решетки (решётки).
« Последнее редактирование: 12.08.2017, 14:42:18 от almika »