dropdown styling as form element

  • Resolved alx359

    (@alx359)


    3 months, 3 weeks ago

    Very promising and powerful plugin. Potentially niche shaking.

    The offered styling of the lang widget seems a bit limiting. Wish to also have an option for a <select> element one could style easier, like with other similar lang switchers. Can this be currently achieved other way?

    EDIT: was looking before for the Omit prefix for default language option.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter alx359

    (@alx359)

    3 months, 3 weeks ago

    I’m trying to make the lang switcher background semi-transparent to better fit the design, but I’m unable to, at least with css alone:

    Trying to tweak opacity affects the child flag elements, too..gpt-current-lang renders with a solid background on the same element that contains the flags:

    <div class="gpt_float_switcher">
        <div class="gt-selected">
            <div class="gpt-current-lang">   <!-- background + flags together -->
                <img class="flag">
            </div>
        </div>
    </div>

    By moving the background to a wrapper the background could become semi‑transparent without affecting the flags:

    <div class="gpt_float_switcher">
        <div class="gpt-bg"></div>          <!-- background only -->
        <div class="gt-selected">
            <div class="gpt-current-lang">  <!-- flags only -->
                <img class="flag">
            </div>
        </div>
    </div>

    Plugin Support johndagelmorejextensions

    (@johndagelmorejextensions)

    3 months, 3 weeks ago

    Thank you very much to like it. Hopefully you can rate 5 stars that would help us a lot.

    You can use simple CSS to set a custom background color with opacity, last 2 characters example ’66’ are for opacity:

    div.gpt_float_switcher .gt-selected, div.gpt_float_switcher, div.gpt_options {
    background-color: #FFFFFF66;
    }

    By the way we will add a new option to change opacity in next version and also the interface will have new options in future releases.

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

You must be logged in to reply to this topic.