How to change text attributes of archive widget (Museum theme)

juliemcleod · Member · Feb 5, 2015 at 8:53 pm
Copy link

Add topic to favorites
I use the archive widget in my footer. I’d like to be able to change the attributes of the dropdown text “Select Month” by making it all lowercase. I can’t figure out what the correct selector is for the dropdown though. Any help?

The blog I need help with is: (visible only to logged in users)
juliemcleod · Member · Feb 6, 2015 at 2:51 am
Copy link
Just reporting back that I managed to get it working. Here’s what I used in case it helps someone else:
```
.widget_archive select {
  text-transform: lowercase;

}
```
juliemcleod · Member · Feb 6, 2015 at 6:05 pm
Copy link
Just when I think I’m starting to understand how this works, I hit a roadblock. ;)

I managed to change two attributes of the archives widget dropdown (the one that says Select Month). Here’s what I used:
```
.widget_archive select {
	text-transform:lowercase ;
	font-size: 1.5em;

}
```
I’d really like to change the color of the dropdown text (‘select month’ and all the ones beneath in the dropdown) but can’t figure out how to do it. I would have thought that if the code shown above changes the font size and case of the dropdown text, adding a line for color would change it but it doesn’t.

Can anyone offer a suggestion please?
thesacredpath · Member · Feb 21, 2015 at 5:04 pm
Copy link
Hi there, to change the months listed in the archive dropdown to lowercase, you can use the following CSS, which targets those by using the HTML tag for those selections (option).
```
.widget_archive select option {
    text-transform: lowercase;
}
```

No items found.