Help with cosmetic bits pls

  • Resolved AmDev1

    (@amdev1)


    4 years, 5 months ago

    Hi
    I hope you can help me with a few cosmetic issues I’m having.
    The calculator I’m buildings here…..
    1 – Fieldname62 & Fieldname64 – The “x” & “=“ – How can I position these in the centre of the boxes on either side of them. They are currently situated to the left.
    2 – Fieldname73 is a dropdown – how can I make the box the same size as the boxes on either side of it? It’s slightly smaller at the moment.
    3 – Fieldname30 is a button – how can I make it the same size as the boxes on either side of it? It’s slightly smaller at the moment.
    4 – Fieldname30 button – I want this to perform several functions onclick. I want it to unhide fieldname75 & fieldname83 & I want it to hide itself. I can make each of these actions happen but only one at a time.
    5 – I have tried to change the font size of fieldname40 by adding a new class (.result) but this hasn’t taken effect. What have I done wrong?
    I appreciate any help you can provide.
    Thanks in advance

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

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

    (@codepeople)

    Hello @amdev1

    A field has multiple components, the label, the input tag, the span tag with the uh class name for the instructions for users. So, if you have assigned to a field the class name: result and you want to edit the appearance of the input tag, for example, to set its text in bold, you should define the class name through the “Customize Form Design” attribute similar to:

    
#fbuilder .result input{font-weight:bold !important;}

    For centering the symbols: “X” and “=” in the middle, you should apply to these texts the correct line-height CSS rule. For example, if you assign to these fields the class name: symbol the style definition would be similar to:

    
#fbuilder .symbol p{line-height:66px !important;}

    I’m sorry, but the support service does not cover the implementation of the users’ projects. If you need additional help customizing your form, it is required you contact me directly through my private website: Custom Coding Service

    Best regards.

    Thread Starter AmDev1

    (@amdev1)

    Ok Thank you for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help with cosmetic bits pls’ is closed to new replies.