rolls-calculator-template

Single page template for Wordpress GeneratePress theme that contains a javascript code and form to allow calculate rolls

CSS

Add this css code to style.css into Wordpress child theme:

.gb-container-rolls {
	max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
	margin-top:80px;
	margin-bottom: 80px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.gb-inner-rolls {
	width:50%;
}

input.error-data-roll {
	border:1px solid red;
}

input.data-roll {
	margin-bottom:20px;
	width:100%;
}

#errorrolls {
	color:red;
}

#resultrolls {
	font-size:24px;
	margin-top:20px;
	text-align: center;
}