Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 12, 2021 at 8:30 am #1309696
    DianaLoola73

    Dear support team,
    For the following website I use a contact form, the layout of which I have adapted via css (line width, font size). Everything appears correctly and as intended on the screen and also on the tablet: see: http://craft17.eu/test/#kontakt

    The following view only appears on the contact form in the mobile view on the cell phone: http://craft17.eu/support/mobile_kontaktform.jpg
    Here the field with the email is still displayed with a border width of 2px, and the font size of 12px is not adapted for this one field. Could you please help me out here? I would like the email field to be displayed on the mobile phone with only a broder-width of 1px and the font to be displayed in 12px as in all other fields.

    Thank you for your editing.
    Kind regards, Diana

    July 13, 2021 at 6:49 am #1309882
    Rikard

    Hey Diana,

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

    @media only screen and (max-width: 767px) {
input#avia_2_1 {
    border-width: 1px !important;
    font-size: 12px !important;
}
}

    Best regards,
    Rikard

    July 15, 2021 at 8:49 am #1310205
    DianaLoola73

    Good Morning Rikard,

    I have integrated the script in the css. Unfortunately, the view on the mobile phone is still unchanged, i.e. the email field is still displayed with a 2px border. Only the font has been improved: it is now displayed correctly in 12px. What else could I do so that the outer line for the email field is also displayed with 1px? Here is the link to the current mobile view: http://craft17.eu/support/mobile_kontaktform-2.jpg

    Best regards, Diana

    July 16, 2021 at 9:26 am #1310359
    Rikard

    Hi,

    Thanks for the update. The page you linked to is not working anymore, I’m guessing that you moved or deleted the site?

    Best regards,
    Rikard

    July 16, 2021 at 4:30 pm #1310413
    DianaLoola73

    Hello Rikard,

    I apologize many times, I failed to inform you that the page was moved from the test server yesterday: the contact form is now available at https://craft17.eu/#kontakt. Unfortunately, the problem still persists: on the cell phone the email field is still displayed with a 2px border.
    Could you pleasee helb me?
    Best regards, Diana

    July 18, 2021 at 4:53 am #1310559
    Rikard

    Hi,

    Thanks for that. I adjusted the CSS a bit, and it’s working as it should now. Please review your site.

    Best regards,
    Rikard

    July 26, 2021 at 12:00 pm #1312399
    DianaLoola73

    Hi Rikard

    yes, now it s perfect!
    Thanks a lot!

    Best regards, Diana

    July 27, 2021 at 1:22 pm #1312740
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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