Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Смещение к центру


Recommended Posts

Как кнопку купить переместить в центр , float: center; не подходит в стилях

и ещё

подскажите как (Недельную подписку перенести на новую строчку

 

16f591664960.png

Надіслати
Поділитися на інших сайтах


text-align:center; в классе отвечающем за блок продукта, либо в .cart {

 

а вообще по картинке такие вещи можно только гадать

это Рекомендуемые товары ( стандартного шаблона )

Надіслати
Поділитися на інших сайтах



/* button */

a.button, input.button {

cursor: pointer;

color: #FFFFFF;

line-height: 12px;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

background: #E7C332;

-webkit-border-radius: 3px 3px 3px 3px;

-moz-border-radius: 3px 3px 3px 3px;

-khtml-border-radius: 3px 3px 3px 3px;

border-radius: 3px 3px 3px 3px;

-webkit-box-shadow: 0px 2px 2px #DDDDDD;

-moz-box-shadow: 0px 2px 2px #DDDDDD;

box-shadow: 0px 2px 2px #DDDDDD;

}

a.button {

display: inline-block;

text-decoration: none;

padding: 6px 12px 6px 12px;

}

input.button {

margin: 0;

border: 0;

height: 24px;

padding: 0px 22px 0px 22px;

}

a.button:hover, input.button:hover {

background: linear-gradient(#f5ae00, #f59500) #f5ae00;

}

.buttons {

overflow: auto;

padding: 6px;

margin-bottom: 20px;

}

.buttons .left {

float: left;

text-align: left;

}

.buttons .right {

float: right;

text-align: right;

}

.buttons .center {

text-align: center;

margin-left: auto;

margin-right: auto;

}

.htabs {

height: 30px;

line-height: 16px;

border-bottom: 1px solid #DAD8C1;

}

.htabs a {

background: #F5F5F5;

padding: 7px 15px 6px 15px;

float: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 13px;

font-weight: bold;

text-align: center;

text-decoration: none;

color: #000000;

margin-right: 2px;

display: none;

}

.htabs a.selected {

padding-bottom: 7px;

background: #DAD8C1;

}

.tab-content {

border-left: 1px solid #DAD8C1;

border-right: 1px solid #DAD8C1;

border-bottom: 1px solid #DAD8C1;

padding: 15px;

margin-bottom: 20px;

z-index: 2;

overflow: auto;

}

Надіслати
Поділитися на інших сайтах


А при чем здесь button, htabs и tab?

если шаблон стандартный без изминения класса div то прописать text-align: center; нужно сюда:

 

.box-product > div {
display: inline-block;
margin-bottom: 20px;
margin-right: 20px;
vertical-align: top;
width: 168px;
}

 

но в таком случаи text-align: center; будет приминятся повсюду где используеться классс box-product

Надіслати
Поділитися на інших сайтах

А при чем здесь button, htabs и tab?

если шаблон стандартный без изминения класса div то прописать text-align: center; нужно сюда:

 

.box-product > div {

display: inline-block;

margin-bottom: 20px;

margin-right: 20px;

vertical-align: top;

width: 168px;

}

 

но в таком случаи text-align: center; будет приминятся повсюду где используеться классс box-product

То что надо!!)

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.