Style Overrides Form

  • Resolved erdalf

    (@erdalf)


    4 years, 7 months ago

    Hello again. Sorry to bother you but this is a minor issue that really bothers me. I can’t seem to fix it.

    I’ve used col-sm-5 for the left field and col-sm-2 col-sm-offset- for the other one after countless tries to put them next to each other. The left field does not have a label so I used this code in the form settings to move it up to be aligned with the right field. 

    #fbuilder .tags input, 
#fbuilder .tags input.small, 
#fbuilder .tags input.medium, 
#fbuilder .tags input.large{
  position: absolute !important;
  transform: translate(0%, 105%) !important;
}

    This method seemed to work on the preview tab.

    https://conquerorsabacus.online/wp-content/uploads/2020/08/chrome_EwI0orLwXn.png

    However on the actual website I have to move translate to (0%, 26%) in the inspect tab order to align them. So somehow the style of the website overrides something.

    https://conquerorsabacus.online/wp-content/uploads/2020/08/opera_pPnijPgpl6.png

    I’ve even used the !important code. What can I do to have my website look exactly like the preview. To better phrase the question: How can I align two or more fields next to each other and have them look the same on both preview and my website?

    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 @erdalf

    Please, remove your style definition:

    
#fbuilder .tags input, 
#fbuilder .tags input.small, 
#fbuilder .tags input.medium, 
#fbuilder .tags input.large{
  position: absolute !important;
  transform: translate(0%, 105%) !important;
}

    and enter the following one:

    
#fbuilder .top_aligned .fields label {
    min-height: 20px;
}

    Best regards.

    Thread Starter erdalf

    (@erdalf)

    That worked out. Well it kind of did the same thing. The preview is still different than the website but the website looks ok so its not a problem. Thank you a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Style Overrides Form’ is closed to new replies.