By sohopub on
Hi ya,
I'm trying to stylize the font style on the contact page but for the life of me I can't find where the text's style sheet setting of the contact form is. Any idea what tag controls it? My page is at http://www.vogueknitting.com/vkm/?q=contact
My source code refers to the "contact-mail-page" tag but I can not find it anywhere.
<form action="/vkm/?q=contact" method="post" id="contact-mail-page">
<div>Whether you have questions, comments or just want to tell us what you think, we want to hear it. Fill out the e-mail form below to contact us. *Required field...Any suggestions are greatly appreciated.
Thank you.
Comments
=-=
That is just the id of the form, it's not actually a physical theme file name.
still wondering
so how can I get the intro text to display the same font size as the rest of the site. Could it's control be in an system or admin css?
Changing contact form text to be consistent
I found I could do this by changing the Body text specification in style.css for my theme (admire_grunge, btw). You really want to stick with changing your theme css only and not the other css files that are pulled in, node.css etc., from the core.
So, I copied my paragraph specs into body { } in themes/admire_grunge/style.css and it works! No more inconsistency!
It was a little frustrating to see that the contact form page would take my HEADLINE style, h1, like the rest of the site, but NOT the text message right under the headline, the one I entered in "automatic reply" box when setting up the contact form, even though I put in style tags and not just text into that box.
But, that was happening because the headline of the contact form is part of the page styles you set and the rest of the contact form page text is in the FORM tag. FORMs use generic DIVS and are kind of a world unto themselves.
Using the body { } will solve this problem, if you find unwanted inheritance into your theme's links, etc, just specify fonts, sizes, colors etc. within THEM next.