Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 9, 2015 at 1:43 pm #408050
    KVSchneppenheim

    Hello,
    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: http://puu.sh/gsYeE/73d1d0695e.png . 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?

    March 9, 2015 at 2:08 pm #408075
    Günter

    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.

    Cheers!
    Günter

    March 10, 2015 at 12:40 am #408550
    KVSchneppenheim
    This reply has been marked as private.
    March 10, 2015 at 10:34 am #408711
    Rikard

    Hi!

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

    Cheers!
    Rikard

    March 11, 2015 at 1:41 pm #409823
    KVSchneppenheim

    Hey,
    yes I did ofcourse but I couldn’t find the related CSS file there ( http://puu.sh/gvHDO/1c59e165e4.png ).

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

    Regards

    March 12, 2015 at 7:33 am #410334
    Ismael

    Hi!

    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,
    Ismael

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