На некоторых страницах не работают css стили хотя все верно прописал...

[blackphoenix 7]

Сайт https://read-script.com/

Обратите внимание на задний фон и кнопки в сайдбаре! - Они работают (То есть стили работают)

теперь заходим на страницу категории https://read-script.com/raznoe/ как видим задний фон и кнопки телеграм ютуб в сайдбаре не работают! (То есть стили не подгружаются)

В styles.css я уже все прописал опять же как видим на главной работает! Даже стыдно спрашивать мало ли тупой вопрос (

PLEASE HELP ME!!!

[TeraMoune 56]

В ссылке блока телеграм каналов странное присутствие левых символов в ссылке. Но оно встречается на обоих страницах. И не влияет на проблему.

А проблема в этом:

В ссылке на изображение оно начинается с templates и в src не указан начальный root домен или как минимум неправильно прописан путь. От чего на странице https://read-script.com/raznoe/ происходит попытка открыть изображение по адресу https://read-script.com/raznoe/templates/read-script/images/telegram2.svg.

Тоже самое происходит с файлом particlesjs-config.json он подключается из корня сайта, а когда попадаете на страницу категории или любую другую с чпу ссылкой то чпу подставляется как корневой путь.

В шаблонах есть замечательный тег {THEME} который обеспечивает актуальный путь в директорию вашего шаблона. Этот тег используется для многих ситуаций когда надо прописать путь к чему-то, что расположено в шаблоне. (Посмотрите на то как он применяется в шаблоне по умолчанию)

<link rel="shortcut icon" href="{THEME}/images/favicon.ico">
<link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png">

<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/tooltipster.bundle.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/magnific-popup.css" type="text/css" rel="stylesheet">

Если бы вы открыли консоль разработчика то и сами бы увидели невозможность загрузки ресурсов и не соответствие их пути по которым они запрашиваются.

[blackphoenix 7]

1 час назад, TeraMoune сказал:

В ссылке блока телеграм каналов странное присутствие левых символов в ссылке. Но оно встречается на обоих страницах. И не влияет на проблему.

А проблема в этом:

В ссылке на изображение оно начинается с templates и в src не указан начальный root домен или как минимум неправильно прописан путь. От чего на странице https://read-script.com/raznoe/ происходит попытка открыть изображение по адресу https://read-script.com/raznoe/templates/read-script/images/telegram2.svg.

Тоже самое происходит с файлом particlesjs-config.json он подключается из корня сайта, а когда попадаете на страницу категории или любую другую с чпу ссылкой то чпу подставляется как корневой путь.

В шаблонах есть замечательный тег {THEME} который обеспечивает актуальный путь в директорию вашего шаблона. Этот тег используется для многих ситуаций когда надо прописать путь к чему-то, что расположено в шаблоне. (Посмотрите на то как он применяется в шаблоне по умолчанию)

<link rel="shortcut icon" href="{THEME}/images/favicon.ico">
<link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png">

<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/tooltipster.bundle.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/magnific-popup.css" type="text/css" rel="stylesheet">

Если бы вы открыли консоль разработчика то и сами бы увидели невозможность загрузки ресурсов и не соответствие их пути по которым они запрашиваются.

Спасибо с картинками кнопки получилось но вот с файлом particlesjs-config.json никак не получается( подключить не могу или даже не знаю что там

[blackphoenix 7]

3 часа назад, TeraMoune сказал:

В ссылке блока телеграм каналов странное присутствие левых символов в ссылке. Но оно встречается на обоих страницах. И не влияет на проблему.

А проблема в этом:

В ссылке на изображение оно начинается с templates и в src не указан начальный root домен или как минимум неправильно прописан путь. От чего на странице https://read-script.com/raznoe/ происходит попытка открыть изображение по адресу https://read-script.com/raznoe/templates/read-script/images/telegram2.svg.

Тоже самое происходит с файлом particlesjs-config.json он подключается из корня сайта, а когда попадаете на страницу категории или любую другую с чпу ссылкой то чпу подставляется как корневой путь.

В шаблонах есть замечательный тег {THEME} который обеспечивает актуальный путь в директорию вашего шаблона. Этот тег используется для многих ситуаций когда надо прописать путь к чему-то, что расположено в шаблоне. (Посмотрите на то как он применяется в шаблоне по умолчанию)

<link rel="shortcut icon" href="{THEME}/images/favicon.ico">
<link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png">

<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/tooltipster.bundle.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/magnific-popup.css" type="text/css" rel="stylesheet">

Если бы вы открыли консоль разработчика то и сами бы увидели невозможность загрузки ресурсов и не соответствие их пути по которым они запрашиваются.

Вопрос закрыт

[igorek-art 33]

15 часов назад, blackphoenix сказал:

Вопрос закрыт

Кстати ваш фон на заднем плане он судя по вашему сайту нигде даже не используется) Его прикол чтоб кликать и там сетка размножается, а у вас даже таких мест на сайте нет, но при этом этот скрипт добавляет в структуру DOM около 200 позиций, что немного влияет на скорость загрузки и тд. А по сути, если им никто не пользуется и его почти не видно, то я бы лично убрал его, что я собственно на своем сайте и сделал)