Опубликовано: 12 декабря 2017
Невидимая таблица Есть решение
Здравствуйте.
Не могу решить одну проблему:
при создании постов в приложении "Блог" иногда требуется размещать текст журнальными колонками, для этой цели использую встроенные таблицы. беда в том, что не получается сделать границы таблицы невидимыми (border: 0). в этом случае, границы таблицы становятся невидимыми в окне выбора поста в админке сайта.
в то же время существует необходимость в некоторых постах, чтобы границы таблицы были видны.
Подскажите как решить вопрос.
Комментарии (8)
для элемента table у которого хотите скрыть рамки ячеек пропишите class например noborder
для элемента table у которого хотите отобразить рамки ячеек пропишите class например border
в пользовательских стилях пропишите правила css
.border td, .border th{
border:1px solid #ccc;
}
.noborder td, .noborder th{
border:none;
}
Не работает Ваша конструкция. И вообще, может сделать один из режимов по умолчанию? Ну чтоб каждый раз не прописывать класс...
- напишите адрес страницы где Вы сделали и не работает
- получается всего 2 режима - с рамкой и без рамки, и один как раз по умолчанию
если Вы хотите сделать границы невидимыми у всех таблиц, то в файле buysimply.css найдите строки
#page td, #product-description td, #category-description td, #album-description td, #photo-description td, .post .text td{ border:1px solid #ccc; }и замените
на
https://chukokkala.ru/blog/kritika-i-bibliografiya...
вот адрес страницы где мне бы хотелось убрать рамки. Вашу конструкцию включил в стилевой файл для приложения "Блог". Далее добавил переменную для таблиц в HTML (<table class="noborder">). Результат: в режиме администрирования рамок нет, на сайте есть. Открытие страницы в режиме инкогнито облегчения не принесло.
Как убрать границы во всех таблицах я уже давно нашел, беда в том, что иногда видимые границы все-таки нужны...
да, Вы правы, стили темы имеют больший вес
перепишите стили на
.border td, .border th{
border:1px solid #ccc !important;
}
.noborder td, .noborder th{
border:none !important;
}
Ну вот теперь работает, причем не только для приложения "Блог", а и для приложения "Магазин" тоже. Можно еще маленькую правку? И будет супер: по умолчанию границ видно быть не должно, включаем видимость руками.
если нужно только для приложения блог, то стили нужно добавлять в файл buysimply.blog.css в самый конец (если толко в магазин, то в buysimply.shop.css)
что бы рамок не было по умолчанию
в файле buysimply.css найдите строки
#page td, #product-description td, #category-description td, #album-description td, #photo-description td, .post .text td{ border:1px solid #ccc; }и замените
на
Мне как раз необходимо чтобы и в "Блоге" и в "Магазине" это работало. Поэтому расположил конструкцию в приложении "Сайт", то есть для всех.
Как включить видимость границ при необходимости?