aligning the contact us page

9 Dec 2010, 7:14 PM

#1

New Zenner

Join Date:: Dec 2010
Posts:: 71
Plugin Contributions:: 0

aligning the contact us page

https://www.walhallarecords.be

I would like to align the input field under each other on the contact us page, where is the file located to do this? And what should i do?

9 Dec 2010, 8:33 PM

#2

grasmat

New Zenner

Join Date:: Dec 2010
Posts:: 71
Plugin Contributions:: 0

Re: aligning the contact us page

site is currently under construction, will make it public again in 3 hours!

9 Dec 2010, 10:25 PM

#3

grasmat

New Zenner

Join Date:: Dec 2010
Posts:: 71
Plugin Contributions:: 0

Re: aligning the contact us page

Site is online again! Please help me with this :)

9 Dec 2010, 11:11 PM

#4

celtic

Zen Follower

Join Date:: Feb 2010
Posts:: 154
Plugin Contributions:: 0

Re: aligning the contact us page

Grasmat,

If you add these to your stylesheet (/includes/templates/walhalla/css/stylesheet.css), it will line the boxes up for you...

#contactUsForm label {
display: block;
float: left;
width: 7em;
}

#contactUsForm input {
margin-left: 10px;
}

Celtic
hArpanet.com
rawRocks.com

10 Dec 2010, 12:15 AM

#5

grasmat

New Zenner

Join Date:: Dec 2010
Posts:: 71
Plugin Contributions:: 0

Re: aligning the contact us page

Thanks Celtic, much improvement! The only thing now is the stars between the input field aren't perfectly aligned...

10 Dec 2010, 12:28 AM

#6

celtic

Zen Follower

Join Date:: Feb 2010
Posts:: 154
Plugin Contributions:: 0

Re: aligning the contact us page

Grasmat,

You have this defined in your stylesheet...

input#email-address {
margin: 2px 0px 0px 24px;
}

Either delete it, or add something similar for input#contactname

Celtic
hArpanet.com
rawRocks.com

10 Dec 2010, 12:47 AM

#7

grasmat

New Zenner

Join Date:: Dec 2010
Posts:: 71
Plugin Contributions:: 0

Re: aligning the contact us page

that did the trick!