Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 16, 2020 at 11:53 am #1230889
    Levante Golf

    Hi,

    I´m having trouble with the t&c´s tick box on my comment form. The box and the text don´t line up and I´ve tried all of the above plus what´s on the following pages but nothing works:

    https://kriesi.at/support/topic/privacy-policy-checkbox-under-comment-form/
    https://kriesi.at/support/topic/misalignment-of-wording-on-woocommerce-checkout-page/?login_error=empty

    Terms and Conditions Formatting Issues

    https://kriesi.at/support/topic/enlarge-checkbox-size/
    https://kriesi.at/support/topic/problems-with-the-comment-form-checkbox-update-enfold-4-4/

    Please see the link below to the page in question with the problem at the very bottom.

    Many thanks and best regards

    July 18, 2020 at 5:01 am #1231410
    Rikard

    Hey ProTravelGolf,

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

    .form-av-privatepolicy label {
    display: inline;
    top: -12px;
}

    Best regards,
    Rikard

    July 18, 2020 at 12:29 pm #1231466
    Levante Golf
    This reply has been marked as private.
    July 20, 2020 at 6:47 am #1231627
    Rikard

    Hi,

    I changed the CSS to this and added it to the top of the Quick CSS box:

    .form-av-privatepolicy label {
    display: inline !important;
    top: -12px !important;
}

    And it’s applying on your site now. Please review it.

    Best regards,
    Rikard

    July 20, 2020 at 6:12 pm #1231807
    Levante Golf

    Rikard,

    Perfect that´s worked a treat. I´m having trouble with other boxes and the terms and conditions lining up with them now too. Is there any reason that this is happening?

    For example on the page http://levantegolf.com/pro-booking-request/ the box and the newletter sign up aren´t lined up. I¨ve used the following CSS which has done the trick to correct it on my laptop screen:

    input[id=avia_10_1] {
    margin:-6px 0 0 4px;
    }

    However it is still out of place on my mobile and all other smaller screens (ipad, mobile etc). I´ve tried adding the following CSS code to sort it out but it hasn´t worked:

    @media only screen and (min-width: 480px) and (max-width: 767px) {.page-id-6880 input[id=avia_10_1] {
    margin:-6px 0 0 4px;
    }
    }

    Any ideas?

    Many thanks again and best regards

    July 22, 2020 at 4:47 am #1232174
    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
#top .avia_ajax_form #avia_10_2, #top .avia_ajax_form #avia_12_2 {
    top: -8px !important;
}
}

    Best regards,
    Rikard

    July 25, 2020 at 1:22 pm #1233196
    Levante Golf
    This reply has been marked as private.
    July 27, 2020 at 3:49 am #1233419
    Rikard

    Hi,

    Thanks for the update. I’m not sure if I can reproduce the problem on my end, could you post screenshots of what you are seeing on your end please?

    Best regards,
    Rikard

    August 11, 2020 at 5:07 pm #1236713
    Levante Golf
    This reply has been marked as private.
    August 12, 2020 at 9:39 am #1236899
    Rikard

    Hi,

    Thanks for that, please try this in Quick CSS:

    @media only screen and (min-width: 768px) and (max-width: 990px) {
#element_avia_av_privacy_agreement_2  label.input_checkbox_label {
    margin-top: 10px;
}
}

@media only screen and (max-width: 767px) {
#element_avia_av_privacy_agreement_2  input {
    margin-bottom: 35px;
}
}

    Best regards,
    Rikard

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