Поддержка Проблемы и решения не срабатывается css

  • Добрый день!
    На главной странице вокруг вариаций товаров надо убрать серую рамку, на других страницах блок вариаций выводится без рамок, тут откуда тянется не пойму и какие бы настройки css не пробовала не получается ее убрать.

    Заранее спасибо!

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • anonymized-14765447

    (@anonymized-14765447)

    odolgushina, привет.

    тут откуда тянется не пойму

    Это рамка таблицы в 1 пиксель. По идее, должно помочь вот это (добавить в дополнительные стили или в стили дочерней темы):

    table, td, th {
        border: none;
    }

    здесь, например, тоже с рамками.
    https://zakazsharov.online/product-category/shary/
    попробуйте так:

    table, td, th{
        border: none;
    }

    и автооптимайз отключите.

    За его вывод отвечает комбинация ниже, примените один из вариантов в комментах между /**/
    вообщем либо где 1px заменить на 0px либо где color заменить на transparent;

    table, td, th {
    border: 1px solid rgba(0,0,0,.1); /* поменять на 0px */
    border-top-color: rgba(0, 0, 0, 0.1); /* или transparent */
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.1);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.1);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    }

    например так

    table, td, th {
    border: 0px solid rgba(0,0,0,.1); /* поменять на 0px */
    border-top-color: rgba(0, 0, 0, 0.1); /* или transparent */
    border-top-style: solid;
    border-top-width: 0px;
    border-right-color: rgba(0, 0, 0, 0.1);
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: rgba(0, 0, 0, 0.1);
    border-left-style: solid;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    }

    или вот так

    table, td, th {
    border: 1px solid transparent; /* поменять на 0px */
    border-top-color: transparent; /* или transparent */
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    }

    Спасибо всем огромное, к сожалению, это все испробовано и не работает и в этом то и загвоздка. Оптимайз попробовали отключить не действует

    это все испробовано

    как именно?
    На сайте нет и следов применения этого стиля.
    можете попробовать так:

    table, td, th{
        border: none !important;
    }

    в теме есть раздел доп стили, я туда вставляю, и ничего не срабатывает. Хотя там к др элементам прописаны стили и работают. В данный момент стоит код который вы прописали, но вы не видите его отражение. И я не пойму, что перекрывает, уже все пробовала отключить, не получается тема астра

    попробуйте так:

    .variations table, .variations td, .variations th{
        border: none !important;
    }

    А вообще елементор приносит кучу проблем, да….

    anonymized-14765447

    (@anonymized-14765447)

    odolgushina, отключите минификацию Autoptimize и другие кэширующие плагины (если есть), удалите файлы кэша. Если правки внесены, то после этого их можно будет увидеть.

    Создайте дочерную тему по плагину child theme creator активируйте её, потом пропишите мой код в файле style.css в дочерной теме, сохраняйте файл, далее на сайте нажимайте одновременно ctrl + f5
    Должно сработать. Если стили от сторонних плагинов, будь то элементор или другие, плохи дела, удаляйте их и сверстите сайт вручную, я на моем rianovost.ru удалил плагинов 80 остались самые необходимые типа jetpack и rank math и т.д.
    Прежде чем что то написать в style.css заходите на сайт и правой кнопкой мыши выберите пункт «исследовать элемент» или «посмотреть код элемента» появится код справа где прописаны все css элементов, наведете на нужный элемент просмотрите стиль сделайте изменение, если нравится копируете и вставьте в файл style.css сверху пишите комментарий, чтобы запомнить что к чему и обязательно /* между */ сделать это лучше в редакторе консоли там синтаксис высвечивается и разберётесь что к чему. я сам сделал с нуля и ушло много времени. Многие теми и плагины могут блокировать вывод пользовательских стилей и функций, если нужно и тему поменяйте.

    • Ответ изменён 3 года, 11 месяцев назад пользователем Yui. Причина: контакты на форуме оставлять нельзя
Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Тема «не срабатывается css» закрыта для новых ответов.