My coder set up some styles that I'm trying to change. But my changes aren't having any effect...marginTop is the code I've been changing. But it doesn't seem to add a margin on top of the elements Here are the styles:
<style type="text/css">.step{ position:absolute; width:580px;}.step .field input[type=text]{ background-repeat: no-repeat; background-position: left; width: 315px; height: 20px; line-height: 1.1; font-family: "Gill Sans", "Gill Sans Std", Verdana, Arial, sans-serif; letter-spacing: .05em; color: #777; margin-top: 3px; padding: 0px 5px 2px 6px; }.step .field input[type=text]:hover{ background-color: #F0E7CD;}.step .field input[type=text]:focus{ background-color: #F0E7CD;} .step .label{ width:auto;} .group .label label{ margin-left:-43px;} .tick-name{ width:190px; float:left;} .marginTop { margin-top: 10px;} </style>
And here is the code I'm trying to affect:
<div class="group"> <div class="label"><label for="region">Region:</label></div> <div class="field marginTop">{region}</div> </div> <div class="group"> <div class="label"><label for="town">Town:</label></div> <div class="field marginTop" style="margin-bottom:5px;" id="townDiv"> <div class="data"></div> <div class="loading" style="display:none;"><img src="{urlroot}skins/default/images/loading.gif" /></div> </div> </div>
Basically, I'm trying to move {region} and {town} down on the page. But when I increase margin-top amount in the styles, it doesn't do anything... Thanks -- Jami