AndreaK22

@ nextlevelremodeling

Hi,

If you still need to adjust the width of the email field, go to your Custom CSS section which is under Dashboard/Appearance/Theme Options/General and place/save the code there. You might have to “play” with the percentage, which dictates the width of the field. Also, you will probably want to change the font family from Arimo to whatever font you are using…

input[type="text"], textarea, input[type="email"]{
	background-color: #ffffff;
	padding: 10px;
	font-family: Arimo;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #6a6a6a;
	border: 1px solid #ddd;
	background:	#ffffff url(images/field_bkg.png) repeat-x;
}

input[type="text"]:focus {outline: none; background-color: #f7f7f7;}
textarea:focus {outline: none; background-color: #f7f7f7;}
input[type="email"]:focus {outline: none; background-color: #f7f7f7;}

textarea { width: 80%; font-size: 13px;}
input[type="text"] {width: 40%; font-size: 13px;}
input[type="email"] {width: 40%; font-size: 13px;}

Hope this helps, I know it can be frustrating as I am not a programmer, so I am often digging around forums to find solutions. Maybe someone else knows an easier way…

Regards,
A.

Thanks!

Hi Richard,

Thanks for the link. I did find where to change the text, but cannot figure out where to change the font size of that particular text, though…

Regards,
A.

Hi,
Please take a look at the code in my last post up in this thread. The percentage dictates the width of the fields.

textarea { width: 80%; font-size: 13px;}
input[type="text"] {width: 40%; font-size: 13px;}
input[type="email"] {width: 40%; font-size: 13px;}

So, if I wanted my email input field to be the same width as the rest of the fields, the 40% would need to change to 80%. You can “play” with it in your custom css, to see how it comes out.

I am not a programmer, sorry, I can’t help more. Maybe someone else will chime in. ??

Good luck,
A.

@ susangkd

Hi,
I inserted all this into our Custom CSS and the forms shows the way we need:

input[type="text"], textarea, input[type="email"]{
	background-color: #ffffff;
	padding: 10px;
	font-family: Arimo;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #6a6a6a;
	border: 1px solid #ddd;
	background:	#ffffff url(images/field_bkg.png) repeat-x;
}

input[type="text"]:focus {outline: none; background-color: #f7f7f7;}
textarea:focus {outline: none; background-color: #f7f7f7;}
input[type="email"]:focus {outline: none; background-color: #f7f7f7;}

textarea { width: 80%; font-size: 13px;}
input[type="text"] {width: 40%; font-size: 13px;}
input[type="email"] {width: 40%; font-size: 13px;}

I am not a programmer, maybe some of the code above is redundant and someone else might have a suggestion how to simplify it. ??

In any case – guys, thanks for the tip how to solve this, it worked for me!

Regards,
A.

Hi,

I sent out a test email to via the form and did get a confirmation that it was sent. But still would love to change the look of the email field…

Regards,
A.

Hi Jeremy,

I tried the following code and now everything is moved to the right side, where we need it:

‘body #content div.sharedaddy h3 {
text-align: right;
width: 95%;
}

body div.sharedaddy .sd-content {
width: 4%;
}’

HOWEVER, the design of the footer got a bit messed up (it used to be a section “physically” separated from the main body and you could see the background image showing through). I think this little headache is more for the theme developers than for you, so I contacted them for help. Unless you think otherwise…?

Many thanks for your quick help before!

Have a nice weekend,
Andrea

Hi Jeremy,

Our site is under construction, but I could email you some screenshots, if you could tell me where to send them.

Thank you,
Andrea

Hi,

Half way there. The drop-down button moved to the right and is where we want it. Thanks for that!

BUT: Even though the “Share” text did get right-aligned within its little rectangular container (which I see when I inspect the element with Firebug), the whole text container is still stuck to the left side of the page. I tried applying some margin and padding values, but nothing’s moving. I cannot find how to push it to the right closer to the drop-down button. They are now practically on opposite sides of the page. Or, maybe if I knew how to increase the width of the space in which the “Share” text is right-aligned, that could do it…?

Thanks again,
Andrea

Hi Jeremy,

I found this code in the jetpack.css file:

‘#sharedaddy.jetpack-module div.module-image {
background-position: -710px 5px;
}’
So I figured the values were the ones I need to change. I took the code you suggested and entered it in Appearance > Theme Options > General > Custom CSS like this:

‘div.sharedaddy .sd-content {background-position: -210px 5 px;
}’

I tried a few different number values, but no visible change. What am I doing wrong? Sorry, I am a kind of a coding newbie…

Appreciate your help!

Regards,
Andrea