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 !

[Sonl Sinha]

Hi,

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

Regards,
Dave

[Andrei]

www.baltiachemi.ee

[Sonl 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?

[Sonl 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.

[Sonl 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?

[Sonl 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

[Sonl Sinha]

🙂

[Author]

Posts