Check Box Misaligned

  • Resolved kwallindesigns

    (@kwallindesigns)


    5 years, 10 months ago

    The review submission form looks great! Only problem is that the check box next to the “This review is based on my own experience and is my genuine opinion.” text at the bottom is misaligned. Is there a way to fix this?

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter kwallindesigns

    (@kwallindesigns)

    It also occurs to me, my site is not live yet, so you wont be able to see the page I’m referencing. If there is a way to upload/submit a screenshot I can do that.

    Plugin Author Gemini Labs

    (@geminilabs)

    This is due to your theme’s CSS. I cannot help without seeing the actual webpage (not a screenshot).

    Thread Starter kwallindesigns

    (@kwallindesigns)

    The website is live now. https://kwallindesigns.com/testimonials/

    Plugin Author Gemini Labs

    (@geminilabs)

    @kwallindesigns Please see: https://pastebin.com/wXCEE9Eb

    Thread Starter kwallindesigns

    (@kwallindesigns)

    This is great, thanks! But where specifically do I paste this code?

    Thanks for all your help! Great plugin!
    ~ K Wallin

    Plugin Author Gemini Labs

    (@geminilabs)

    If your theme does not allow you to add your own custom CSS, you can use the Simple Custom CSS plugin

    Thread Starter kwallindesigns

    (@kwallindesigns)

    My theme does allow me to add custom CSS. I have input the code into the custom CSS area and saved. However, nothing seems to have changed. Do I need to specify the min height? And, if so, what would I put? Is it in px? Or something else?

    Thanks again for all your help. I am impressed with your response time! ??
    ~ K Wllin

    Plugin Author Gemini Labs

    (@geminilabs)

    Because the custom CSS is being loaded before the Site Reviews CSS, it is not overriding the styles. I have updated the code to use the !important flag which should fix this: https://pastebin.com/wXCEE9Eb

    Thread Starter kwallindesigns

    (@kwallindesigns)

    Alright, it worked! As a note, I also had to place this CSS before all the other custom CSS I had input for it to work. I don’t know enough about custom CSS or coding in general, but it seems clear that the order in which you input custom CSS matters for everything to work correctly.

    Thanks so much for your help! Great plugin! I plan on donating shortly. ??
    ~ K Wallin

    Plugin Author Gemini Labs

    (@geminilabs)

    This is happening because there are some invisible invalid characters in your custom CSS that are preventing the CSS rules at the end from properly taking effect.

    You can use the dirtyMarkup tool to validate and fix your CSS.

    Simply paste your CSS in the dirtyMarkup tool, press the “Clean” button, then copy/paste back into your site.

    • This reply was modified 5 years, 10 months ago by Gemini Labs.
Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Check Box Misaligned’ is closed to new replies.