Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 3, 2023 at 12:05 pm #1377449
    amitshemesh96

    hello,

    i would like to vhamge the font in the drop-down menu in the contact form to a normal one.

    link to my site in private.

    contact form is at the botoom of the page at the form-box

    January 3, 2023 at 5:43 pm #1377487
    Rikard

    Hey amitshemesh96,

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

    select {
  font-family: sans-serif;
}

    Best regards,
    Rikard

    January 4, 2023 at 11:20 pm #1377654
    amitshemesh96

    Unfortunately not working..

    January 5, 2023 at 7:56 pm #1377730
    Rikard

    Hi,

    Could you try to be a bit more specific as to what you are looking to achieve? The CSS I posted is working when I try it out.

    Best regards,
    Rikard

    January 5, 2023 at 8:26 pm #1377737
    Guenni007

    Try to be more specific in your selector:
    ( use a different Font for your setting )

    #top .main_color select {
  font-family: Times !important;
}

    it only influences the font of the choosen option – not the drop down list font-family !

    January 5, 2023 at 10:04 pm #1377767
    amitshemesh96

    Unfortunately it doesn’t work either… you can go to the website to see for yourself..
    This is a drop-down menu in the contact area at the bottom of the page

    January 5, 2023 at 10:59 pm #1377771
    Guenni007

    i know that ( i do not see as a participant your private content area ) – but this is a setting that could not be made by css only.
    This is because this type of element is an example of a “replaced element”. They are OS-dependent and are not part of the HTML/browser. It cannot be styled via CSS.
    Like Checkbox – the only way is to replace that element by some other content instead.
    see here a replacement of that select box:
    https://webers-web.info/kontakt-seite/

    see on DOM that the original select box is set to display none and is replaced by something “stylable”:

    It is made by jQuery Function and a lot of css.
    Is it worth it for an unimpressive selectbox?

    January 6, 2023 at 9:53 am #1377799
    Ismael

    Hi,

    The suggested css code above should have worked. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order for the changes to take effect. Make sure to purge the cache afterwards. However, as @Guenni007 pointed out above, the default style of the select element is based on the current operating system and you are probably better off if you don’t modify the default appearance of the element.

    Best regards,
    Ismael

    January 6, 2023 at 12:18 pm #1377828
    Guenni007

    the drop down list font-family could not be influenced via css only. – the font-family of the content after selecting one option – could be influenced.

    and again my question: Is it worth it for an unimpressive selectbox?
    to put an extra script and a lot of css for this little thing – means a performance disadvantage.

    January 6, 2023 at 1:00 pm #1377843
    Yigit

    Hi,

    Thanks for your input @guenni007 :)

    Best regards,
    Yigit

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