Veggie theme – Change 'submit' link on a contact form into a button

christeenyweeny · Member · Nov 27, 2015 at 8:59 pm
Copy link

Add topic to favorites
Hello, I’m so excited I was able to insert a contact form into my site, but I’m wondering if there is a way I can use custom CSS to change the ‘submit’ link into a button instead of a link?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Nov 30, 2015 at 11:18 pm
Copy link
Hi there, I’m not seeing a contact form on your site. When I activate Twenty Twelve on my test site and add a contact form, I’m seeing a submit button rather than just a link.

if you can point me to your contact form, I would be happy to have a look?
thesacredpath · Member · Nov 30, 2015 at 11:29 pm
Copy link
Ah wait, you are talking about this page: http://oursecretingredient.com/request-catering/ on a different site.

Give the following a try and you can adjust things as desired.
```
input.pushbutton-wide[type="submit"] {
    background: #ddd;
    padding: 3px 10px 5px;
    border: 1px solid #777;
    border-radius: 3px;
}
```
I noticed that you have hidden the WordPress.com and Theme footer credits. You are not allowed to hide or edit the WordPress.com and theme footer credits per our Terms of Service (#11). See the Frequently Asked Questions on the Custom Design support page for more information.

You are allowed to restyle the footer credits to better fit with your design as long as they remain readable. If you can remove the following from your custom CSS, it would be great.
```
.site-info {
    display: none;
}
```
I have taken the liberty of restyling them for you. See what you think with this instead. I’ve made it smaller and a lighter grey color.
```
.site-info, .site-info a {
    color: #888;
    font-size: 85%;
}
```

No items found.