Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 18, 2017 at 6:19 pm #823447
    afarahani

    Hi,
    can anybody let me know why the order of elements is different in mobile view? the blue background element is on the top in desktop (correct position) but it goes after the contact form element in mobile view.

    Also I want to know how I can style the label texts inside contact form fields, please.

    thanks.

    July 19, 2017 at 9:28 am #823768
    Victoria

    Hey afarahani,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? Do you have some JavaScript that changes the order of the elements?
    To change the form styles you can use css like below

    #top div .av-light-form input[type='text'] {
  your style goes here
}

    Best regards,
    Victoria

    July 20, 2017 at 12:19 am #824259
    afarahani

    please find it below:

    July 20, 2017 at 12:25 am #824263
    afarahani

    Also the code mentioned above worked for the input text but not for the placeholder text. I was looking for the place holder text CSS.

    BTW, is there any way that the @facefont can be applied to all texts in the site and I don’t have to define it one by one for every class of text in the website?

    July 20, 2017 at 7:46 pm #824827
    Victoria

    Hi afarahani,

    This code will affect placeholder:

    
#top div .av-light-form input[type='text']::placeholder {
  color: red;
}

defines style for the whole website
body {
    font-family: Arial....
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 21, 2017 at 5:37 am #824967
    afarahani

    Thanks Victoria,
    The placeholder code worked. Thanks.

    But the body css didn’t work. for example I was not able to apply facefont to the button text. I also tried to see if I can remove the same place holder code you sent me with the code for the whole body. I realized the body code didn’t work for that either.

    Did you find out about the problem with the order of elements I mentioned above?

    July 25, 2017 at 5:48 pm #829715
    Yigit

    Hi,

    I am closing this thread for now and we will reply to your newer thread. Let us continue there :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘different order of elements in mobile view and desktop view’ is closed to new replies.