tobypsl

Hi

thanks for efforts, thought I’d added page to excluded url’s it is now. Put the following css in form custom css box:

#fbuilder .adjacent input,
#fbuilder .adjacent input.small,
#fbuilder .adjacent input.medium,
#fbuilder .adjacent input.large{
float: left;
width: 45px !important;
}

this sets the width of the input box as I want but the columns are still distributed across the full width of the viewport. Ideally, I want them separated by a margin of about 50px – is there a way to achieve this?

Thanks.

Hi thanks for reply

here is post: https://karenhorspool.co.uk/calculate-your-bmr-and-find-out-what-it-means/

I have 3 fields in a div

1. An instruction text (used as label ‘Your Height:’)
2. Input box with label ‘Feet’ above
3. Inout box with label ‘Inches’ above

All 3 elements have the class ‘adjacent’ in their keywords box.

In the customise css area for the template I have the following for adjacent:

.adjacent input{
width: 125px !important;
background: red;
}

The cells turn red but the width is always overriden by the ‘small’ class:

#fbuilder .small {
width: 25% !important;
}

In the stylepublic.css file

What I want is to have all 3 elements in a row and separated by about 25px. (The width 125px was just so I could see if the class was being applied, the entry is for a 2 digit number so about 40px will be fine).

Thanks