Calculated Field

  • Resolved edenb

    (@edenbuganim)


    6 years, 2 months ago

    hello Admin,
    I cannot control the CSS of the Calculated Field value
    have this class –
    codepeoplecalculatedfield field small valid

    you can see in my photo i upload.
    i do as you say add an Layout Keywords with name: money
    after i go to “Customize Form Design” and add:

    .money .codepeoplecalculatedfield {text-align:center; color: red	
}

    but i know the class is:

    codepeoplecalculatedfield field small valid

    and i just want to edit font, add more text to value, change color and etc.. but i dont know what to do with class have an separate so nothing happen.

    maybe have same slider field? you told me to use <span class=”name1″> in slider field..
    maybe have in calculated same option?

    lots of thank for you!!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author codepeople

    (@codepeople)

    6 years, 2 months ago

    Hello @edenbuganim

    Please, try the following style definition:

    
.money input{ text-align:center !important; color: red !important;}

    Note: remember the color rule affects to the text color, if you want modify the background color, the css rule to use would be background

    Best regards.

    Thread Starter edenb

    (@edenbuganim)

    6 years, 2 months ago

    @codepeople
    thank for you again, i still have some difficulty how to use.
    for example –
    when i try to write something else after the value its not working for me.

    .money::after {
  content: " - Remember this";
}

    It records down and not within the template itself.
    i want to control of class but think like slider i need 2 classes(?).

    or i try to change:

    .small {
    width: 25% !important;
}

    just for .money – but nothing happen if i do:

    .money .small {
    width: 15% !important;
}

    thanks 🙂

    Plugin Author codepeople

    (@codepeople)

    6 years, 2 months ago

    Hello,

    If you want to redefined the styles you should to use more specific selector, but this is not about our plugin, it is basic CSS rules, for example:

    
#fbuilder .fields.money .small {
    width: 15% !important;
}

    Concerning to the ::after, why you don’t enter the text into the “Instructions for User” attribute of field’s settigns.

    Best regards.

    Thread Starter edenb

    (@edenbuganim)

    6 years, 2 months ago

    hey @codepeople
    thanks.
    cause if i use Instructions for User the text desplayed in next line and i want the text will be in the same line of value.
    i upload picture for you to be more clear –
    https://www.edenbuganim.co.il/example.png
    thanks again!

    • This reply was modified 6 years, 2 months ago by edenb.
    • This reply was modified 6 years, 2 months ago by edenb.
    • This reply was modified 6 years, 2 months ago by edenb.
    Plugin Author codepeople

    (@codepeople)

    6 years, 2 months ago

    Hello @edenbuganim

    As I said, these are basic css concepts, for example, if you have assigned to this field the class name: my-field you simply should enter the text through the “Instructions for user” attribute, and use the following style definition:

    
#fbuilder .my-field .uh{clear:none; display:inline-block;}

    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Calculated Field’ is closed to new replies.