CSS - Contact Forms inside Tabs « Support Forum | Kriesi.at

CSS - Contact Forms inside Tabs

2 posts from 2 voices

Tags:

sitesme
Member

Hi,

I am using Gravity Forms plugin for the contact forms / enquiries / quotations, etc. on Choices theme.
However, the CSS is not as nice as I was looking for.

I am looking for something more like the default form: http://d.pr/i/5vrr but instead I'm getting like http://d.pr/i/RSb5
Font is too small, and I would prefer having a thin grey line around the tab, instead of a full background there.
Something like this would be great: http://d.pr/i/UHK

Any help on this please?

Many thanks

Posted 10 months ago #
Devin
Moderator
Hi sitesme,

You'll need to adjust/create the css to alter the look of the gravity form elements to suit your needs.

You can try customizing the by adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.js_active #top .active_tab_content {
border: 1px solid black;
}
.js_active #top .active_tab {
border: 1px solid black;
border-bottom: none;
}
.js_active .tab {
border: 1px solid gray;
}
```
Regards,

Devin
Posted 10 months ago #