sairan

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

Рекомендуемые сообщения

sairan    2

добрый день!

 

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

Версия ocStore 2.1.0.2.1

 

ссылка

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Fedka    143

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sairan    2

не закругляется через 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;

Изменено пользователем sairan

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Fedka    143

1234.JPG

 

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sairan    2

внес изменения в 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    93

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

button {        border-radius10px}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    2 092
<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    2

Во первых так

<button style="background-color:#eb7022; border-radius:10px" type="button"  ............
спасибо

 

 

 

 

Изменено пользователем sairan

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sairan    2

 

можно здесь поменять stylesheet.css
button {        border-radius10px}

 

нет класса button

 

 

post-711136-0-32802500-1465875098_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Blade    93

нет класса button

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу