Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #408050

    I want to customize the margin and padding of my language selector only. I am posting in enfold forum instead of WPML because i think the theme is overwriting some css files or sth.

    At the moment my language selector is positioned like this: . I noticed that the matching css rules are stored in: wpml-mod.css?ver=4.1.1 . In the following file i also saw and changed those matching css rules, but it hasnt affected anything (the CSS hasnt changed in any way): wp-content/themes/enfold/config-wpml/wpml-mod.css

    Why is this happening and where can I change those CSS Rules correctly?


    Hi KVSchneppenheim!

    Thank you for coming back.

    The best place to add your custom CSS is in the file custom.css or Enfold->Styles->QuickCSS field.

    Do not forget to add !important to your changings.

    If you have still troubles to access the element you like, give us a link to your page and we will help you, You can post it here as a private reply.


    This reply has been marked as private.


    Did you check the plugin folder? There’s most likely a CSS folder there, or .css folders in the root of it.



    yes I did ofcourse but I couldn’t find the related CSS file there ( ).

    Günters approach doesn’t seem up2date ( Enfold->Styles->QuickCSS field. ). I can’t find a navigation Link Styles in my Enfold menu?




    Editing the core theme files means that you will lose all modifications when you update the theme. I think it’s best if you add the css modifications inside the Quick CSS field. All you need to do is to get the proper selector. If you want to add margins or padding between the language selector, use this:

    .avia_wpml_language_switch li .language_flag {
      display: block;
      margin-right: 5px;

    A screenshot will help.

    Best regards,

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