Hallo,
ich möchte den Weiterbutton vergrößern.
wo soll ich diesen Code ( input.button { font-size: 160%; padding: 0.8em 2em; } ) in meinem HTML für das Layout einfügen, sodass es funktioniert?
HTML:
<!DOCTYPE html>
<html>
<head>
%head%
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body { padding: 0 0 20px 0; margin: 0 }
div#s2t-progress { position: absolute; right: 10px; top: 0px; width: 200px }
div#s2t-logo { margin-bottom: 10px }
div.questionary { min-width: 300px; max-width: %width%; margin: 14px auto 0px auto; padding: 0 10px }
/* Center header and footer on smartphone */
@media (max-width: 450px) {
div#s2t-logo { text-align: center; margin-bottom: 16px }
div#s2t-controls { text-align: center }
div#s2t-imprint { text-align: center }
div#s2t-progress { left: 0; right: 0; margin: 0 auto }
}
</style>
</head>
<body>
<div class="questionary" style="position: relative">
%form.open%
<div id="s2t-logo">%logo%</div>
<div style="position: relative">
<div style="padding-top: 2px; margin: 0px 0px 24px 0px; height: 10px; width: 100%; border-bottom: 2px solid %color.4%; overflow: hidden"></div>
<div id="s2t-progress" style="background-color: #FFFFFF">%progress%<span><!-- empty span required for IE --></span></div>
</div>
<div id="s2t-content">
<div style="margin-bottom: 32px;"></div>
%questionnaire%
</div>
<hr style="margin-bottom: 14px;">
<div id="s2t-controls">
%button.control%
</div>
%form.close%
<div id="s2t-imprint">
%imprint%
</div>
</div>
</body>
</html>