Remove border and arrow from dropdown

  • Resolved seozones

    (@seozones)


    9 months, 2 weeks ago

    Hi there, I have the gtranslate up at the top of my site. How do I #1 remove the border around the dropdown and #2 remove the dropdown arrow (chevron)?

    Thanks!

    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)

    9 months, 1 week ago

    Hi,

    When you are using the regular dropdown box the styling mainly depends on the OS and browser and you cannot always control everything.

    You can use this CSS code to remove the border:

    select.gt_selector {border-color:transparent!important}

    I do not know a way to remove the arrow in all OS/browsers, but you can try this for Firefox and Chrome:

    select.gt_selector {-webkit-appearance:none!important;-moz-appearance:none!important}

    Thanks! 🙂

    Thread Starter seozones

    (@seozones)

    9 months, 1 week ago

    Thanks for that, both of those solutions worked –> https://wordpress-878129-3842899.cloudwaysapps.com/

    Also, would you know a way to make those labels in the dropdown bold and a different color (to match the links next to the dropdown)?

    Plugin Author edo888

    (@edo888)

    9 months ago

    Hi,

    You can possibly add font-weight:bold;

    Thanks! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove border and arrow from dropdown’ is closed to new replies.