• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Выпрямление углов

Статус
В этой теме нельзя размещать новые ответы.

Stork.71

Гуру
Местный
Родная тема (wootique) во многих местах (менюшки, кнопки и т.д.) идет со скругленными углами.
В угоду дизайну хочется сделать все прямоугольным.
Я так понимаю, что надо прописать где-тов стилях border-radius: 0 0 0 0; ну и для webkit и moz аналогичные свойства.
Только вот как и где это прописать, чтобы одним махом на все применялось? Или так не получится? Вылавливать все стили , где такое может быть, как-то не хочется, да и кода порядком больше будет.
Тема конечно не совсем про WC, но может кто сталкивался?
 

D&B

Администратор
Команда форума
Местный
Так и быть, открою мега секрет - есть еще и другие темы под WooCommerce ;) С прямыми углами, в том числе. Хотя там вероятно, тогда встанет проблема с "загибанием углов".
 

Mishka48

Опытный
Команда форума
Местный
А откуда там кода будет больше чем есть? Например вставляешь в custom.css или правишь родной сss
Код:
#navigation {
 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    }
Это выпрямит углы страниц вверху по всему сайту - по дефолту стоит 6
Код ниже выпрямит разом все кнопки:
Код:
a.button, .button.alt, .button, input.button, button.button, a.comment-reply-link, #commentform #submit, #featured-products ul.products .button {
border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0px;}
При этом количество кода не увеличивается не уменьшается(n)
 

Mishka48

Опытный
Команда форума
Местный
Так и быть, открою мега секрет - есть еще и другие темы под WooCommerce ;) С прямыми углами, в том числе. Хотя там вероятно, тогда встанет проблема с "загибанием углов".
Посоветуйте пожалуйста тему с сильно вогнутыми во внутрь прямыми углами. Очень нужно!
 

D&B

Администратор
Команда форума
Местный
Нет таких, если только со слегка прямыми, но по кривой:)
 

Stork.71

Гуру
Местный
А откуда там кода будет больше чем есть? Например вставляешь в custom.css или правишь родной сss
Код:
#navigation {

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    }
Это выпрямит углы страниц вверху по всему сайту - по дефолту стоит 6
Код ниже выпрямит разом все кнопки:
Код:
a.button, .button.alt, .button, input.button, button.button, a.comment-reply-link, #commentform #submit, #featured-products ul.products .button {
border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0px;}
При этом количество кода не увеличивается не уменьшается(n)
Тупанул, забыл, что можно кучу элементов через запятую перечислить. ) Имел в виду, что если придется писать для каждого отдельно, при этом еще и учитывая -moz-border-radius; и ему подобные. В идеале хотелось бы как-то к чему-то что-то так применить( :) ) чтобы сразу ДЛЯ ВСЕГО работало, не надо было отлавливать отдельно каждую кнопочку, надпись, поле, каждую рамочку и т.д.
Вопрос: зачем перечислять отдельно все углы, как в Вашем втором примере, не лучше ли просто написать "border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0 "?
 
Последнее редактирование:

Stork.71

Гуру
Местный
Так и быть, открою мега секрет - есть еще и другие темы под WooCommerce ;) С прямыми углами, в том числе. Хотя там вероятно, тогда встанет проблема с "загибанием углов".
Ваши нападения на меня по поводу издевательств над Вутиком уже не пугают! )
Действительно проблема с загибанием углов встанет. Из всех просмотренных Вутик понравилась больше всего. Но и ее допиливать под себя надо.
 

Mishka48

Опытный
Команда форума
Местный
...чтобы сразу ДЛЯ ВСЕГО работало, не надо было отлавливать отдельно каждую кнопочку, надпись, поле, каждую рамочку и т.д.
Вопрос: зачем перечислять отдельно все углы, как в Вашем втором примере, не лучше ли просто написать "border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0 "?
Пример не мой. Это родной css вутик. Я просто тупо исправил их значения. Отлавливать там много не придется. Буквально 5-6 строчек и все станет прямоугольным. Каким способом WOO закругляет, таким же я и выпрямляю.;)
 

D&B

Администратор
Команда форума
Местный
Давайте, давайте правьте. Как раз скоро обновят саму тему и все ваши правки по новой придется ковырять.
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху Снизу