lucasgrav
Member
Hi,
I'm having some trouble with this. On my website, http://173.254.15.37/nwtm/ The form is at the bottom, the footer. I need everything to the left, for example: \
The ''Subscribe to our newsletter'' has to be 5 pixels away from the edge of the footer.
The name, email and categories about 10 pixels away from the edge of the footer.
I can't seem to figure out the CSS code for it. Any help please?
Sorry for all the questions.
Thanks.
-Lucas
Richard Vav
Administrator
No problem Lucas, your form is currently set to right align the labels if you want them to align left you need to edit the form settings and change the 'label placement' to 'left aligned'. Doing that should bring your labels inline with the letter b in the 'subscribe to our newsletter' heading.
Richard
lucasgrav
Member
Hi,
Thanks for your time. Really appreciate it. I set the label placement to left aligned and it's left aligned but you can't edit it with CSS coding too? Because I need it like 5px away from the left side footer, know what I mean?
Thanks again.
-Lucas
Richard Vav
Administrator
Lucas,
If you want to move the entire form closer to the left side of the footer you will need to modify the css rules for the footer, currently it has a width of 960px and the margins are set in such as way that it is centralised. Your current rule is
#footer {
width: 960px;
height: 100%;
margin: 0 auto;
padding: 5px 0;
clear: both;
float: none;
display: block;
}You will have to modify the margin so it reads something like, but this will affect all your other pages
margin:0 5px;Lucas, this margin is causing your indent:
[css]
#content .post ul li, #content .page ul li, #content .post ol li, #content .page ol li, .catalyst-widget-area ul li, .catalyst-widget-area ol li {
margin: 0 0 0 20px;
padding: 0;
}You can either axe that, or drop something like this into your theme's stylesheet:
[css]
li.gfield {
margin-left: 0 !important;
}
Richard Vav
Administrator
@Lucas No problem
@Rob I have to admit I missed that rule when I was scrolling through the html & css in chromes inspector, sometimes you can't see what's right in front of you
Glad to help out Lucas.