Перейти к содержанию

Рекомендуемые сообщения

После того как в настройках шаблона в поле "номер телефона 2" был добавлен текст - сдвинулись иконки всей верхней части. Пытался убирать текст из этого поля, но сдвиг остается. Подскажите пожалуйста, как это можно исправить? Если это изменяется в файле header, то в какой строке нужно вносить изменения и какие?

 

scrn1.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Эти стили определяют положение иконок (телефон и часы).

То, что выделено жирным шрифтом меняет их положение на нормальное.

 

#contacts i.contacts-fa {

  position: absolute;

  top: 20%;

  left: 15%;

  font-size: 24px;

  cursor: default;

}

@media only screen and (max-width: 1199px){

  #contacts i.contacts-fa {

    top: 15%;

    left: 10%;

  }

}

#shedule i {

  position: absolute;

  top: 33%;

  left: 15%;

  font-size: 24px;

}

@media only screen and (max-width: 1199px){

  #shedule i {

    left: 15%;

 }

}

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
а улчше писать в поддержку шаблона
Изменено пользователем prived

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
6 часов назад, jaffagold сказал:

Эти стили определяют положение иконок (телефон и часы).

То, что выделено жирным шрифтом меняет их положение на нормальное.

 

#contacts i.contacts-fa {

  position: absolute;

  top: 20%;

  left: 15%;

  font-size: 24px;

  cursor: default;

}

@media only screen and (max-width: 1199px){

  #contacts i.contacts-fa {

    top: 15%;

    left: 10%;

  }

}

#shedule i {

  position: absolute;

  top: 33%;

  left: 15%;

  font-size: 24px;

}

@media only screen and (max-width: 1199px){

  #shedule i {

    left: 15%;

 }

}

Я видимо прошел по неправильному пути (public_html/catalog/view/theme/sstore/template/common/header.tpl). Не подскажете в какой директории находится файл с этими стилями? Перерыл все, но так и не могу найти(

Изменено пользователем iKonstantin

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

По пути catalog/view/theme/sstore/stylesheet.css нахожу только

#container  #column-left #column-right #content потом #column-left + #column-right + #content, #column-left + #content и #column-right + #content

дальше всякие #top #header #language и т.д. (в основном #header #cart).

Изменено пользователем iKonstantin

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Стили тут

http://kidskvartal.com.ua/catalog/view/theme/sstore/style/style.css

Я их вижу отчетливо.

Прежде чем что-то править, делайте резервные копии.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
13 часов назад, jaffagold сказал:

Стили тут

http://kidskvartal.com.ua/catalog/view/theme/sstore/style/style.css

Я их вижу отчетливо.

Прежде чем что-то править, делайте резервные копии.

Спасибо, строки #contacts i.contacts-fa { и #shedule i { нашел, исправил.

Но вот @media only screen and (max-width: 1199px){ найти не могу. Правил через Note Pad++,  там поиск находит только 2 строчки и там другие значения (не 1199px). Ну и с учетом что там все в одну строчку найти нечто подобное глазами лично мне очень сложно. Может быть в НотПад можно как-то преобразовать в нормальный вид? 

А Вот сам файл style

style.css

 

P.S. После того как  частично измененный этот файл залил на сайт (разумеется предварительно сохранив оригинал), сделал перезагрузку..но...на самом сайте ничего не изменилось. Я так понимаю нужно внести все исправления?

Увы, найти строки 

@media only screen and (max-width: 1199px){

  #contacts i.contacts-fa {

и

@media only screen and (max-width: 1199px){

  #shedule i {

не удается(поиск в Notepade  говорит что их вообще нет...)

Изменено пользователем iKonstantin

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Значит, просто допишите их в конец своего файла стилей.

Тогда данные стили перетрутся новыми значениями.

Причем, стили, котоые не выделены жирным не т смысла повторять. И получится:

 

#contacts i.contacts-fa {

  top: 20%;

  left: 15%;

}

@media only screen and (max-width: 1199px){

  #contacts i.contacts-fa {

    top: 15%;

    left: 10%;

  }

}

#shedule i {

  left: 15%;

}

@media only screen and (max-width: 1199px){

  #shedule i {

    left: 15%;

 }

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Все сделал как написали. Но, либо что-то все-таки сделал не так, либо чего-то не хватает, потому как на сайте не произошло никаких изменений. На всякий случай вернул исходный файл. К сожалению мои знания в этой области сводятся к почти нулевым, поэтому даже не могу предполагать в чем может быть проблема.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Там еще есть один файл

 
responsive.css
недостающие стили в нем.
Не забывайте обновлять модификаторы и перезагружать страницу Ctrl+F5
 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.