Bootstrap Tabs Custom CSS set element width and height

Hello

I have a form with a repeat group on a tab it has 12 field elements and several display elements.
The repeat group is set to 'table layout'.

I wish to change the width and height of all the field elements.

But no matter what I seem to try I can't hit on the correct code.
 
Hi,

It's just CSS, meaning you'll need the right selectors (IDs, classes), properties, etc, your browser inspector should help you to find out and simulate.
If you're using Fabrik's custom CSS files, you'll need to be extra specific with the selectors, because they're loaded early on in the game, so settings there can be overridden by your template CSS or else again. Trying to use "!important" may then also help.

Anyhow, more can't be said reliably without a link to your page.
 
Thanks that just gave me the nudge I needed
I used this code in my custom css and because I do not need input-xxlarge in this group, I can use it to add fields that use my custom css!

Code:
#$form #group95
    .input-xxlarge {
    width: 15px !important;
    height: 30px !important;
}
 
Last edited:
We are in need of some funding.
More details.

Thank you.

Members online

Back
Top