How to remove mobile Language Select Button transparency

Popular automatic website translation tool

How to remove mobile Language Select Button transparency

Postby JeffTR » Thu Dec 06, 2018 2:06 am

The selector button is too transparent to use on my sites pages on mobile devices. It is ok on other devices but for some reason it is very transparent and unreadable on cell phones. How to I make it appear solid (#fff White is okay but I would like to know how to change text and background colors as well) on mobile devices? I'm okay with CSS if that is the right way. Thanks for any help.

https://jefftr.com/buy-a-home/ (on top of header image)
JeffTR
 
Posts: 6
Joined: Thu Dec 06, 2018 2:01 am

Re: How to remove mobile Language Select Button transparency

Postby Yana » Mon Dec 10, 2018 10:55 am

Hi,

I have just checked your website and was able to see the language switcher on mobile . It seems you have fixed the issue . Let me know if you still have a problem.
Regards,

Yana Ghahramanyan - GTranslate Team

Please leave your feedback on your CMS plugin directory. It is very important for us!
Google Translate Joomla
Google Translate WordPress
Google Translate Drupal
Yana
 
Posts: 4547
Joined: Thu Jan 12, 2012 6:21 pm

Re: How to remove mobile Language Select Button transparency

Postby JeffTR » Mon Dec 10, 2018 8:24 pm

No... I haven't. It is still transparent... I need it to be a solid background... perhaps white (#fff) text, which ever is easier to read. There is not enough contrast for your button to stand out and be easily legible.
JeffTR
 
Posts: 6
Joined: Thu Dec 06, 2018 2:01 am

Re: How to remove mobile Language Select Button transparency

Postby DyraSan » Tue Dec 11, 2018 4:03 pm

select opacity in the button editor

and If you dont have opacity reducer option, then

Pick a color, and use the slider to change opacity (drag it down).

Top position is Opacity: 1, Bottom Position is Opacity: 0.


Thanks. Hope this will help you.
DyraSan
 
Posts: 1
Joined: Tue Dec 11, 2018 11:15 am

Re: How to remove mobile Language Select Button transparency

Postby JeffTR » Wed Dec 12, 2018 5:56 am

There is a button editor? I just see the settings on the plugin. Where is the button editor?
JeffTR
 
Posts: 6
Joined: Thu Dec 06, 2018 2:01 am

Re: How to remove mobile Language Select Button transparency

Postby JeffTR » Wed Dec 12, 2018 9:00 pm

Not. The mobile background of button (added on top of header image with short code) is still too transparent to be legible.
JeffTR
 
Posts: 6
Joined: Thu Dec 06, 2018 2:01 am

Re: How to remove mobile Language Select Button transparency

Postby Yana » Thu Dec 13, 2018 10:49 pm

I was able to see the switcher with my mobile. Please see the screenshots.
https://www.4shared.com/photo/gFsSQSHQf ... 45-34.html
https://www.4shared.com/photo/EHHjBa5Md ... 45-25.html
Regards,

Yana Ghahramanyan - GTranslate Team

Please leave your feedback on your CMS plugin directory. It is very important for us!
Google Translate Joomla
Google Translate WordPress
Google Translate Drupal
Yana
 
Posts: 4547
Joined: Thu Jan 12, 2012 6:21 pm

Re: How to remove mobile Language Select Button transparency

Postby JeffTR » Fri Dec 14, 2018 3:28 am

I guess it's just my phone.. the latest most expensive iPhone they make.
https://jefftr.com/wp-content/uploads/2 ... G_3441.png
JeffTR
 
Posts: 6
Joined: Thu Dec 06, 2018 2:01 am

Re: How to remove mobile Language Select Button transparency

Postby Yana » Mon Dec 17, 2018 3:12 pm

Hi,

unfortunately I do not have iPhone to check but with Android I cannot see any problem .
Try to add css rule in your theme custom css . Hope this will help

select#gtranslate_selector { background: #fff!important;}
Regards,

Yana Ghahramanyan - GTranslate Team

Please leave your feedback on your CMS plugin directory. It is very important for us!
Google Translate Joomla
Google Translate WordPress
Google Translate Drupal
Yana
 
Posts: 4547
Joined: Thu Jan 12, 2012 6:21 pm

Re: How to remove mobile Language Select Button transparency

Postby JeffTR » Mon Dec 17, 2018 7:44 pm

Thank you Yana. SO simple. I've been searching for weeks now. I appreciate the code! Now if I can just find out how to add video OG Tags to my site I'll be all set. Have a great day.
JeffTR
 
Posts: 6
Joined: Thu Dec 06, 2018 2:01 am

Re: How to remove mobile Language Select Button transparency

Postby Yana » Fri Dec 21, 2018 11:42 am

You are welcome ! If you have og tag in original version you should be able to see it .
Regards,

Yana Ghahramanyan - GTranslate Team

Please leave your feedback on your CMS plugin directory. It is very important for us!
Google Translate Joomla
Google Translate WordPress
Google Translate Drupal
Yana
 
Posts: 4547
Joined: Thu Jan 12, 2012 6:21 pm


  • Related Topics
    Replies
    Views
    Last post

Who is online

Users browsing this forum: No registered users and 3 guests