Doubt in Gtranslate Customisation

  • Resolved saimoorthi

    (@saimoorthi)


    4 months, 2 weeks ago

    @edo888, Thank you for the plugin. I have a few questions about customization. First, I used “Nice drop-down” in the top header, but unfortunately, it’s expanding the entire section whenever I click to change the language (Note: Such an issue not appeared in “Dropdown”). So I opt pop up, but here changing the color is a difficult task for me. I changed the popup switch color to white (because the background is dark blue) with the help of the following code.

    .gtranslate_wrapper a.glink {color: #fff !important; /* White switcher text */}

    But when the popup opens, again white text color appears with the default white background, which I am aware of. Now I would like to change the text color when the popup opens.

    Other questions, 1. How to change the fonts 2. Why nice drop-down expanding the whole section/container 3. Why is the customization of the plugin very limited (at least the nice drop-down has some option to change the colors)?

    Once again, thank you for your nice plugin, and I look forward to your reply.

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

    (@edo888)

    Hi,

    You can fix that expanding issue using CSS.

    All your requests can be done using CSS, you just need to know what you are doing.

    If you post your website link address I can check and provide you the proper codes.

    Thanks! ??

    Thread Starter saimoorthi

    (@saimoorthi)

    Hello Sir,
    Thank you for your prompt response. I’ve included the URL of our testing website in this message. I’ve now switched to the ‘Nice drop-down’ feature, so could you please provide the code to prevent the container/section from expanding?

    Unfortunately, I’m just a beginner in web development & poor in coding knowledge, which is why we opted for WordPress for its drag-and-drop functionality, sir.??

    URL: https://beta.ommaxelectric.com/


    Thanks & I look forward to your reply.

    Plugin Author edo888

    (@edo888)

    Hi,

    You can use the following CSS: .gt_option {position:absolute!important}

    Make sure to set Open direction to Down.

    Thanks! ??

    Thread Starter saimoorthi

    (@saimoorthi)

    Hello Sir,
    Thank you for your prompt response. I used your code & similar code I tried earlier (GTranslate forum), but somehow it’s not working for me. I shared the GT dashboard/option screenshot for your reference.

    In the mean time, could you provide the solution/code for pop-up option text colour (active & inactive) and changing the font.?

    I could be able to change the pop-up text colour when it’s inactive (before pop-up opens) but when opens, same colour appearing which we don’t want

    Dashboard/option: https://imgur.com/a/21SQAPs

    I look forward to your reply.

    Plugin Author edo888

    (@edo888)

    Hi,

    You did not write the CSS code exactly as I have provided. The front dot is missing.

    Thanks! ??

    Thread Starter saimoorthi

    (@saimoorthi)

    Hello Sir,
    Thank you for your prompt response. It’s working perfectly and please accept apologize for oversight. And any possibilities of changing fonts, sir.? (ie. Roboto)

    Plugin Author edo888

    (@edo888)

    Hi,

    You can use font-family CSS attribute to change it.

    Please check the CSS documentation for examples.

    If you have further questions, make sure to open new support topic.

    Thanks! ??

    Thread Starter saimoorthi

    (@saimoorthi)

    Hello Sir,
    Thank you for your prompt response. As per your instruction & the help of ChatGPT, I added the following code, but unfortunately the size of the font and style of the font (Poppins) were not able to change. Why we want to change means (especially size of the font) because “Chinese (simplified)” is overlapping. I have edited/removed the text of “simplified” in the inside of plugin but it’s removed only in Dashboard & widget preview not in live site. (https://imgur.com/a/vjlPYou)

    /* Apply Poppins font, text transformations, and additional font styles */
    @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap’);

    .gt_option {
    position: absolute !important;
    font-family: ‘Poppins’, sans-serif !important;
    font-weight: 100 !important;
    font-style: normal !important;
    font-size: 16px !important;
    }

    I look forward to your reply. Please provide me the working code sir.
    ?

    Plugin Author edo888

    (@edo888)

    Please open a separate topic for additional questions. Thanks! ??

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