Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Сдвиг иконок в верхней части


Recommended Posts

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

 

scrn1.jpg

Link to post
Share on other sites

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

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

 

#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%;

 }

}

Edited by jaffagold
Link to post
Share on other sites

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). Не подскажете в какой директории находится файл с этими стилями? Перерыл все, но так и не могу найти(

Edited by iKonstantin
Link to post
Share on other sites

По пути 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).

Edited by iKonstantin
Link to post
Share on other sites

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  говорит что их вообще нет...)

Edited by iKonstantin
Link to post
Share on other sites

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

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

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

 

#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%;

 }

}

Link to post
Share on other sites

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

Link to post
Share on other sites

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.