Customizing switcher with css

  • Resolved browmaniac

    (@browmaniac)


    1 year, 8 months ago

    How to remove/hide the language switcher arrow and translate the language options to their native names (ex. I want Estonian to be named “Eesti”.

    https://ibb.co/W6JM7yB

    Also how to make the popup border radius 10px and remove/hide dividers between options?

    https://ibb.co/kQXfHzz

    Thank you in advance 🙂

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author edo888

    (@edo888)

    1 year, 8 months ago

    Hi,

    You can use this CSS code to hide the arrow: a.gt_switcher-popup span:nth-of-type(2) {display:none}

    We have an option to display the native language names, you just need to turn it on in GTranslate plugin settings page.

    You can add radius with the following CSS code: .gt_white_content {border-radius:10px}

    You can use this CSS code to hide the dividers: .gt_white_content a {border-bottom:none!important}

    Thanks! 🙂

    Thread Starter browmaniac

    (@browmaniac)

    1 year, 8 months ago

    Thank you @edo888 ! Also having z index type (at least I guess so?) issue where part of the woocommerce cart icon is showing through the pop up language switcher background, see image: https://ibb.co/L5kZp7R

    I already checked that the cart icons zindex is lower than the language switchers. Dont have any other guesses what it could be.

    Also wondering how can I add the switcher only to the mobile menu? When I choose from GTranslate plugin settings “Show in menu” then there are none of my custom menus shown. Only the “basic” ones Primary, Footer ect.

    Plugin Author edo888

    (@edo888)

    1 year, 8 months ago

    Hi,

    Please open a new topic for additional questions.

    Thanks! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Customizing switcher with css’ is closed to new replies.