"Купить" загруглить края

[sairan]

добрый день!

 

помогите загруглить края кнопки "Оформить заказ" из рекомендуемых. так же покрасить в другой цвет кнопку "Оформить заказ"

Версия ocStore 2.1.0.2.1

 

ссылка

[Fedka]

Для кнопки в стилях прописать:

border-radius:X px;/*Где Х - количество пикселей для закругления*/

[sairan]

не закругляется через stylesheet.css

 

.product-thumb .button-group {
border-top: 1px solid #ddd;
border-radius:8 px;
background-color: eb7022;
overflow: auto;
}
.product-list .product-thumb .button-group {
border-left: 1px solid #ddd;
border-radius:8 px;
}
@media (max-width: 768px) {
.product-list .product-thumb .button-group {
border-left: none;
border-radius:8 px;
}
}
.product-thumb .button-group button {
width: 60%;
border-radius: 8px;
display: inline-block;

Змінено 8 червня 2016 користувачем sairan

[Fedka]

 

 

Все закругляется...

[sairan]

внес изменения в featured.tpl

в правой стороне - это stylesheet.css ?

 

подскажите пожалуйста в каком именно месте?

 

/* buttons */
.buttons {
margin: 1em 0;
border-radius: 10px;
}
.btn {
padding: 7.5px 12px;
font-size: 12px;
border: 1px solid #cccccc;

box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
font-size: 9px;
}
.btn-sm {
font-size: 10.2px;
}
.btn-lg {
padding: 10px 16px;
font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size: 12px;
}
.btn-group > .btn-xs {
font-size: 9px;
}
.btn-group > .btn-sm {
font-size: 10.2px;
}
.btn-group > .btn-lg {
font-size: 15px;
}
.btn-default {
color: #777;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #e7e7e7;
background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
background-repeat: repeat-x;
border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background-color: #1f90bb;
background-position: 0 -15px;
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #df5c39;
background-image: linear-gradient(to bottom, #e06342, #dc512c);
background-repeat: repeat-x;
border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-image: none;
background-color: #df5c39;
}
.btn-link {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #23A1D1;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: rgba(0, 0, 0, 0);
background-image: none;
box-shadow: none;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;

[Blade]

можно здесь поменять stylesheet.css

button {        border-radius: 10px; }

[Tom]

<button style="background-color:#eb7022;" border-radius:10px;="" type="button" onclick="cart.add('48');"> <span class="hidden-xs hidden-sm hidden-md">Оформить заказ</span></button>

Неси дневник , два.

 

Во первых так

<button style="background-color:#eb7022; border-radius:10px" type="button"  ............

Во вторых не нужно стили прописывать в HTML.

 

Вернуть как было, потом стилями закруглить.

[sairan]

Во первых так

<button style="background-color:#eb7022; border-radius:10px" type="button"  ............

спасибо

 

 

 

 

Змінено 14 червня 2016 користувачем sairan

[sairan]

 

можно здесь поменять stylesheet.css

button {        border-radius: 10px; }

 

нет класса button

 

 

[Blade]

нет класса button

просто в stylesheet в самом низу допиши и все.

понятно что там нет, он в бутстрапе