Hello @Nicra3,
I would suggest you please add this custom CSS code to the element CSS. Please have a look at the given screenshot below.
$el.x-widget-area select.pll-switcher-select {
font-size: 16px;
background-color: #8BC34A;
color: #ffffff;
}
Please feel free to change the background color code, font size, and color. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding, you can subscribe to One, where customization questions are answered.
Hope it helps.
Thanks
Thanks for your reply. I’m prepared to add the code at a last resort but respectfully, code is a bandaid over a software problem. In the past I have been able to change the background colour and change the font size. For reasons beyond my understanding this has now stopped working. I would rather correct the core problem than to put a sticker over it. The answer I’m look for is why is the functionality that is in the software not working?
Thanks again
Hello Craig,
The Widget Area element settings will only affect on the Widget Area container. The widget header maybe included. It will not be applied to the specific widget that you assigned like the Select or Dropdown. This is also the reason why @Prakash_s suggested the custom CSS.
The language dropdown has “English” and “Espanol”. Both of them will get styling from the Select element which is with the built in Icon stack style.css
Hope this helps.
Thanks again for your reply. Im still not understanding why I was able to adjust the size and transparency previously (a few days ago). The only possible explanations are that in the past few days you have updated the software removing this feature OR there is a problem with the software that I am not able to identify?
To reconfirm, a few days previous the background area of the widget that is visible on the header was transparent - meaning that I could see the timber background - and I could change the colour of the font - and I could change the size of the font. Now I can do none of these tasks. I have no idea what I have done - but I know that it is not behaving as it should. I’m hoping you can let me know why the software is not doing what it should - again the website is www.found.rest. Thanks in advance.
Hello Craig,
I wasn’t aware that you were able to change it before. We would be happy to double check your site if we can log in. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site
To know how to create a secure note, please check this out: How The Forum Works
Best Regards.
Hi Craig,
Unfortunately, the given credentials are not working. Can you please check and send it once again ?
Thanks
Apologoies. Please see update below.
Hello Craig,
The username is correct. The password is not though.
Please double check. Thanks.
Sorry again - I’ve updated the password. Thanks!
Hello Craig,
I was able to log in. I created a Test page to demonstrate which elements get applied with the Widget Area element settings.
- See the secure note below
Thanks.
Hi - not sure if I need to do something but I’m not seeing the secure note . . .
Hello Craig,
I merely demonstrated that the Widget Area element settings may affect some elements of the widget and do not include the Select or Dropdown, which is in your Language Switcher widget.
Hope this makes sense.
Thanks. But we still seem to be missing the issue. As things stand right now, when I view the header without selecting or hovering over the widget, the background is white, the text black, and the font size seemingly unchangeable. This is not how it was functioning a few days ago. At the beginning of this week (or thereabouts) the font was larger, it was a different colour, and the white box was not white but transparent. With the greatest respect to testing, that doesnt seem to be identifying the fact that what was possible is currently not. I don’t know why its doing this so I’m reaching out to the experts - you people. Again either there has been an update in the past few days that removes the functionality that I had previously or there is an issue. Are you able to identify the issue?
Hi Craig,
Can you please provide any screenshot marked with the issue or any video that helps us to recognize the problem? I would also suggest you share the page and the header where you are facing such a problem.
Thanks
I have already shared a screenshot at the beginning of the thread. It also visible, (based on the description just above on the website, www.found.rest. There is also a secure note on this thread containing login details.
Hi Craig,
Sorry for the confusion earlier — it looks like the image in my previous reply didn’t load properly. From what I can see, you’re trying to add a background color to the dropdown , and for that, the custom CSS suggested by my colleague is the only solution.
Thanks
I can only imagine that my description is not clear enough. No, I’m not trying to add colour to a drop down and I’m not trying to add any fancy functionality. I can only ask, please carefully read all I am about to say.
Just over a week ago the language widget on my website, www.found.rest was showing a transparent background, coloured font, and was utilizing a font larger than the current font. If you take a look at my website now, the language widget has a white background, black font, and small size font. Again I am NOT talking about the dropdown on the widget, I am talking about the widget as it displays on the website when not selected. And again, if you goto the website, www.found.rest, this is CLEARLY visible on the header on the left hand side.
Something has gone wrong to cause this. Just over a week ago it WASN’T like this. Again, just over a week ago this widget without being selected, displayed with a transparent background, and a coloured and larger font. I would like this STANDARD functionality to work again. I don’t know why it isn’t.
Again, the problem is I cannot return the widget to the way it was. I am unable to change the background colour/transparency of the unselected widget, and I can not change the font size or colour. I have no idea why. I’m asking for someone who understands this platform to help identify the problem. I DO NOT need special code, I DO NOT need testing, I just need a solution to fix something that was working but now is not.
I apologize for the capitals and repeated language. However I am frustrated that most of the people who respond are not stopping to understand the problem. If you can’t see the problem you can’t identify the solution. Please if I am still not clear on the issue, please ask. There are images and other messages further up the thread that show and explain the problem and there is a secure note giving site access.
Thanks in advance.
Hello Craig,
I checked the previous appearance of your header and this is what I found out:
It shows to have it like this:
ANd the current element structure of that Language Switcher is this:
It is totally a different element from the current Language Switcher, which is a Dropdown:
Maybe you have changed the Language Switcher widget settings, which have caused this issue:
You may play around with the widget settings, and you will notice a different display on the frontend.
Kindly let us know how it goes.