Joomla Templates Club 406,261 posts

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#192315

How to remove the name of a language next to the flag
This are my language module options:

And this is how it looks in the front-end

I want to show only the flag.

Thanks

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#512558

My css below will help you to remove text and show only flag

From

.head-social .languageswitcher-block .dropdown-menu {
margin-top: 1px;
min-width: 400px !important;
padding: 15px !important;
line-height: 0;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
box-shadow: 0 5px 5px rgba(0,0,0,0.2);
border: solid 1px #eaeaea;
border-top: none;
}

.head-social .languageswitcher-block .lang-inline li a {
border: 1px solid #fff;
display: block;
font-size: 12px;
line-height: 1;
margin: 0;
padding: 7px 10px;
text-align: left;
overflow: hidden;
}

Change to

.head-social .languageswitcher-block .dropdown-menu {
margin-top: 1px;
min-width: 120px !important;
padding: 15px !important;
line-height: 0;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
box-shadow: 0 5px 5px rgba(0,0,0,0.2);
border: solid 1px #eaeaea;
border-top: none;
}

.head-social .languageswitcher-block .lang-inline li a {
border: 1px solid #fff;
display: inline-block;
font-size: 0px;
line-height: 1;
margin: 0;
padding: 7px 10px;
text-align: left;
overflow: hidden;
text-indent: -999em;
}

[Author]

Posts