Custom CSS issue

  • Resolved boabo

    (@boabo)


    6 months ago

    Hello,

    Appearance > Advanced > Custom CSS

    I couldn’t update img flag radius of dropdown lang switcher > it changes switcher to inline. I disabled bootstrap css but it didn’t solve the issue.

    .gpt_float_switcher img {border-radius: 2px;}

    —————————–

    Also, it would be nice if we could customize popup loading translation via css.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author JExtensions Store

    (@john-dagelmore)

    5 months, 4 weeks ago

    Hello,

    the code is correct and you can put it in the custom CSS section, and you can also use this to enter custom CSS to customize the popup loading. This is the purpose of this parameter.

    .gpt_float_switcher img {border-radius: 2px !important;}

    https://ibb.co/nNDRkxp7

    Thread Starter boabo

    (@boabo)

    5 months, 4 weeks ago

    Strange, my switcher turns all flags to position inline (although position is set to bottom left).

    I cannot grab the css code for popup as it loads and closes too fast – just could read toast_header… 🙂

    Merci

    Plugin Author JExtensions Store

    (@john-dagelmore)

    5 months, 4 weeks ago

    Maybe there is another kind of issue, i should see it

    Also you could use the reading feature to keep the popup opened for more long time and inspect it.

    If you have a paid license you can contact for on-site support at [email protected]

    Thank you

    Plugin Author JExtensions Store

    (@john-dagelmore)

    5 months, 4 weeks ago

    If you need to customize the installation please send me an email at [email protected]

    Thank you

    Thread Starter boabo

    (@boabo)

    4 months, 3 weeks ago

    I tested again with version 2.18.1 but I’m getting the same issue > Custom css is not working and language switcher is automatically set to inline

    Example: add below css in Settings > Advanced > Custom CSS and check that Style Settings is set to bottom-left.

    • .toast-header {background-color: #000;} OR
    • .progress-gptranslate-reading .toast-header {background-color: #000;}

    Thank you

    Plugin Support johndagelmorejextensions

    (@johndagelmorejextensions)

    4 months, 3 weeks ago

    The Custom CSS setting is working but the code you past must be valid and single line without carriage return.

    For example you example CSS should be:

    .toast-header {background-color: #000;}.progress-gptranslate-reading .toast-header {background-color: #000;}

    Otherwise it breaks all scripts with unexpected results.

    I will check how to allow multiline in the next update.

    Thank you

    Thread Starter boabo

    (@boabo)

    4 months, 3 weeks ago

    I see, custom css should be on 1 line, as if it was minified. Multiline would be easier to work with. Thanks

    .toast-header {
    background-color: #000;
    }

    Plugin Support johndagelmorejextensions

    (@johndagelmorejextensions)

    4 months, 3 weeks ago

    Will be out 2.18.2 today to support multiline.

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

You must be logged in to reply to this topic.

Tags