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

[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;}

При этом количество кода не увеличивается не уменьшается

 

[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;}

При этом количество кода не увеличивается не уменьшается

Тупанул, забыл, что можно кучу элементов через запятую перечислить. ) Имел в виду, что если придется писать для каждого отдельно, при этом еще и учитывая -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]

Давайте, давайте правьте. Как раз скоро обновят саму тему и все ваши правки по новой придется ковырять.