Forums

Edit Greek Yogurt Form Block Styles

Permalink
I cannot figure out how to edit the form fields and buttons in the Form block for Greek Yogurt.

I have followed the guidelines on developing a custom template for the Form Block. I have copied the view.css and view.php files there. C5 allows me to choose my unique form block. All that is good.

The problem is the styling of the fields doesn't look congruent with the rest of my site. How do I locate the CSS or other file to make the edits I need to make? It doesn't appear that the styling is in either of the "view" files - which is counter intuitive.

Kindly,
Greg
hawkeye7
 
admin replied on at Permalink Reply
First of all I would recommend downloading a developer add-on for whatever browser you are using if you don't already have one. I really like the firebug add-on for firefox, allows me to identify the css elements I'm chasing pretty easily.

When I need to alter form design I normally do so in the main.css file.

A quick example I found in a main.css file I've worked on: 

#container form {
    background-color: #F9F9F9;
    border: 1px solid #EFEFEF;
    margin-bottom: 1.5em;
    padding: 15px;
}


Hope this helps
hawkeye7 replied on at Permalink Reply
hawkeye7
Thanks Alex for your reply.

I do have firebug. It is useful to a point for me as I am really a designer who fakes it as a developer most of the time. Giving me firebug to use at this stage is like handing a match to a 5 year old. ;)

The real trouble is that I cannot find a css file that controls the appearance of the fields in the form block in Greek Yogurt theme. Those controls seem to be buried deep somewhere.

If anyone is willing to take a look, I'd be really grateful.

Here is the page with the form I need to change.

http://famminc.com/mobile/get-a-quote/...

You can see that I've been able to change the font size of the questions and the background color of the form. But the fields for answers are still elusive.

Many thanks for any help,
Greg