Сообщений в теме: 3

[57P]

Здравствуйте, подскажите как сделать фиксированным размер кнопки, а лишний текст переносился.
например: 30*30px (мб это много...)

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-view .product-shop .mod-label {
	display: inline-block;
	border: 1px solid black;
	padding: 8px 8px;
	margin-bottom: 3px;
	cursor: pointer;
}

замените на:

.product-view .product-shop .mod-label {
	display: inline-block;
	border: 1px solid black;
	padding: 8px 8px;
	margin-bottom: 3px;
	cursor: pointer;
	width: 140px;
	word-wrap: break-word;
	text-align: center;
	vertical-align: middle;
}

после этого можете подобрать желаемый вам размер кнопок изменяя значение стиля width

[57P]

А высоту кнопки как зафиксировать?

[RayLi]

57P (18 Май 2017 - 09:02) писал:

А высоту кнопки как зафиксировать?

Здравствуйте.
В данном случае, если я вас правильно понимаю, то вам необходимо в шаблоне main.css найти данный код:

.product-view .product-shop .mod-label {
		display: inline-block;
		border: 1px solid black;
		padding: 8px 8px;
		margin-bottom: 3px;
		cursor: pointer;
		width: 140px;
		word-wrap: break-word;
		text-align: center;
		vertical-align: middle;
}

И заменить его вот этим вот кодом:

.product-view .product-shop .mod-label {
		display: inline-block;
		border: 1px solid black;
		padding: 8px 8px;
		margin-bottom: 3px;
		cursor: pointer;
		width: 140px;
		height: 140px;
		word-wrap: break-word;
		text-align: center;
		vertical-align: middle;
}