Dual Theme Q-translate widget

[Andrei]

Hi,

I have placed the selector languages widget (Q-translate) in the
header right topbar . I would like the icons to be on a single line,
horizontaly, but they are now displayed verticaly,without list
dots and ani specify of active language flag. Is there anything in the CSS I can change ??

-> Here is the actual CSS :

.qtranxs_widget ul { margin: 0; }
.qtranxs_widget ul li
{
display: inline; /* horizontal list, use “list-item” or other
appropriate value for vertical list */
list-style-type: none; /* use “initial” or other to enable
bullets */
margin: 0 5px 0 0; /* adjust spacing between items */
opacity: 0.5;
-o-transition: 1s ease opacity;
-moz-transition: 1s ease opacity;
-webkit-transition: 1s ease opacity;
transition: 1s ease opacity;
}
/* .qtranxs_widget ul li span { margin: 0 5px 0 0; } */ /* other way
to control spacing */
.qtranxs_widget ul li.active { opacity: 0.8; }
.qtranxs_widget ul li:hover { opacity: 1; }
.qtranxs_widget img { box-shadow: none; vertical-align: middle; }
.qtranxs_flag { height:12px; width:18px; display:block; }
.qtranxs_flag_and_text { padding-left:20px; }
.qtranxs_flag span { display:none; }

Thanks !

[Sonnal S Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Dave

[Andrei]

www.baltiachemi.ee

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

#qtranslate-2-chooser li { float:left; padding:3px 8px !important; list-style:none;}

Regards,
Dave

[Andrei]

Thanks, and can I have no marking of active language?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

li.active a { padding:0; background-color:transparent !important;}

Regards,
Dave

[Andrei]

Thanks, working perfectly.

[Sonnal S Sinha]

Hi Andrei,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/11/

Regards,
Dave

[Andrei]

1 more small fix need
On the main page I have contact form and SEND button on it.
In English and Estonian submit button looks nice, but in Russian word SEND have too many letters and looks not centered, can this be fixed?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

.wpcf7-submit { width:auto !important;}

Regards,
Dave

[Andrei]

works. tnx

[Sonnal S Sinha]

🙂

[Author]

Posts