Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 15, 2019 at 11:42 pm #1067584
    kpeltierWT

    In the comments section of our blog, we have a Terms and Conditions checkbox. The checkbox is in a different location depending on what browser you use. The placement is either below and off to the side of the text or is being overlapped by text. How do we resolve this? I included link to one of our blog posts below

    Firefox: The box is below the privacy text line and is literally being written over by the text.
    Safari: The box is in the lower left below the text.
    Chrome: Same as safari.

    February 18, 2019 at 7:53 am #1068169
    Rikard

    Hey kpeltierWT,

    Please try the following in Quick CSS under Enfold->General Styling:

    .form-av-privatepolicy label {
    top: 24px;
}

    Best regards,
    Rikard

    February 20, 2019 at 1:14 am #1069224
    kpeltierWT

    Hi Rikard,

    I added your recommended CSS but it didn’t seem to make a difference. Is there anything else I can do?

    Kristina

    February 20, 2019 at 1:13 pm #1069442
    Victoria

    Hi Kristina,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top input[type="checkbox"] {
    height: 16px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.