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

AlexP750

  • Захожу иногда
  • 189
  • 1 / 0
Всем привет.
Я - седющий уже новичок. Изучаю и не имею пока ни одного законченного сайта.
Делаю сайт на Open Server. Joomla 3.9.28, шаблон Helix3, создаю страницу с помощью SP Page Build.
Добавил строку, добавил Feature Box, почти всё настроил. Осталось два элемента, с которыми не знаю, как поступить:
  • Заголовок имеет цвет из цветового набора шаблона, хотя в настройках Feature Box для него цвет указан явно.
  • Есть кнопка, для неё определен цвет в настройках, все Ок. Но при наведении она становится оранжевой. Откуда вылезает этот цвет, я не понимаю
Установил Firefox Developer, нажал стрелочку, навёл курсор на "неправильный" объект, увидел в разделе Псевдоэлементы неправильный цвет, судя по всему, он описаан в файле preset3.css
Как можно запретить применять стили только на этой странице?
Если кому попадались на глаза хорошие, правильные ролики на Youtub-e, как работать с этими Инспекторами и браузерами и браузерными расширениями для разработчика - поделитесь, плз.
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
видимо не там цвет заголовку задаете.
ннт такой проблемы.
да и по кнопке есть настррйки цвета для ховера
*

AlexP750

  • Захожу иногда
  • 189
  • 1 / 0

Столбцы справа это Text Block, в них все нормально. ( в которые я пытался добавить кнопки в другом топике) ;D
А слева, со стрелками - Feature Box.
И скрин с указанным цветом из настроек Feature Box
« Последнее редактирование: 15.08.2021, 15:26:36 от AlexP750 »
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
ищите лучше.
0отя проще через CSS прописать что бы не писать каждому
*

AlexP750

  • Захожу иногда
  • 189
  • 1 / 0
ищите лучше.
Сравниваю настройки Text Block и Feature Box. Пока что, нашел одно отличие. Исправил, но пока без изменений. К тому же, почему-то столбец стал уже. (разобрался) Ладно, это второй вопрос. С цветом бы разобраться. Он очень похож на один из основных того цветового набора предустановок Helix3, что я использовал для всего сайта

UP: Нашёл!
Дело было в том, что заголовок - ссылка. Цвет ссылки не был задан, стоял прозрачный фон. Указал цвет ссылки - заголовок стал нужного цвета.
Осталось понять, откуда этот hover-оранжевый берется...


« Последнее редактирование: 15.08.2021, 16:18:17 от AlexP750 »
*

AlexP750

  • Захожу иногда
  • 189
  • 1 / 0
Как найти, в каком файле это?
Или подскажите, плз, более изящный и правильный путь.








« Последнее редактирование: 15.08.2021, 17:26:25 от AlexP750 »
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
так мышку на строчку наведите там покажет полный путь
*

AlexP750

  • Захожу иногда
  • 189
  • 1 / 0
Пока я тут со скриншотом возился, уже ответили. ))))
Понять не могу, откуда взялся этот цвет....
Спасибо, посмотрю

UP: На какую строчку? С адресом, куда ведет ссылка с кнопки? Навожу. И всё равно не понимаю, где посмотреть файл, в котором лежит этот код.
« Последнее редактирование: 15.08.2021, 17:31:01 от AlexP750 »
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
справа где название файла: строка
на это
*

AlexP750

  • Захожу иногда
  • 189
  • 1 / 0
Да, спасибо, уже нашёл через поиск в тексте Total Commaner-ом. Меняю на нужный мне код цвета, сохраняю, перезагружаю страницу, получаю старый цвет, в файле тоже старое значение.
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
либо кеш браузера
либо не то меняете
либо компиляция less scss - отключается в настпойках шаблона либо создавайте файл custom CSS в шаблоне
*

AlexP750

  • Захожу иногда
  • 189
  • 1 / 0
Ок.
 less scss - отключено
 
либо создавайте файл custom CSS в шаблоне
В настройках шаблона есть Custom CSS
В файле page-1.css, в котором указан этот странный цвет, по которому я и нашел этот файл, стоят такие значения:
Код
{
    background-color: #de6906;
    color: #FFFFFF;
}
Мне бы поменять на #2f3d84 и #bcc9fc соответственно.
Подскажите, что надо написать в Custom CSS шаблона?

зы И понять бы, откуда взялся этот странный оранжевый...
*

ProtectYourSite

  • Живу я здесь
  • 2356
  • 135 / 4
  • Безопасность вебсайтов
Скопировать туда стили, какие надо перебить
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
проще посмотреть видео по работе с билдером.
и как минимум изучить базу по HTML CSS
иначе тут будут портянки из ваших тем
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
В настройках шаблона есть Custom CSS
Он должен грузиться последним, потому что действует последнее правило стиля .
Прочитайте про приоритет селекторов стилей и importatnt
*

AlexP750

  • Захожу иногда
  • 189
  • 1 / 0
и как минимум изучить базу по HTML CSS
Прочитайте про приоритет селекторов стилей и importatnt
По теме топика - пока решил оставить, как есть. Глаз не режет. )))) По цитатам - посоветуйте учебный материал, плз. В своё время натыкался и на явные поделки школьников, и на длинные, пространственные труды. Может, кому попадалось что-то оптимальное, стоящее, на чём учились сами? Или из свежего, но добротного что-то видели.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работают стили на одной странице

Автор yyyuuu

Ответов: 1
Просмотров: 1004
Последний ответ 17.02.2023, 17:11:08
от marksetter
Как вставить свой CSS в общий файл CSS шаблона Yootheme?

Автор Lemonez

Ответов: 16
Просмотров: 948
Последний ответ 21.01.2021, 05:11:58
от Lemonez
Как убрать боковые отступы в мобильной версии шаблона?

Автор Евгений1980

Ответов: 2
Просмотров: 1066
Последний ответ 18.01.2021, 18:24:53
от arma
Кнопка "читать далее" на Landing Page

Автор nebabaev

Ответов: 0
Просмотров: 1233
Последний ответ 23.03.2018, 23:50:09
от nebabaev
Как убрать мобильную версию шаблона?

Автор Dwad

Ответов: 3
Просмотров: 970
Последний ответ 23.01.2018, 08:53:18
от MaxTs