Elixir’s Lunar Theme has a toggled Extra Content area (2) that displays at the top of the screen over the navigation area. I would like to use it for a search input box. The toggle symbol is a plus sign that twists to become a cross when the content area is visible but I would like to replace this with the usual search symbol. My attempts at modifying the symbol using CSS have been unsuccessful as I think it’s beyond my limited skills in this area. It may, of course, not be possible.
If anybody has any suggestions I would be grateful.
I’m attaching images of the relevant code and the hidden/visible conditions.
If you duplicate the theme and rename it, you should be able to go into the index file and change that icon and use that modified theme. (In your theme drawer, right click and you duplicate as well as show where the files are stored. You’d just need to locate the index.html file)
That way if the main theme gets updated, you’ll still have your modified backup. It doesn’t look like that theme gets updated a ton (it looks like it’s been over a year since the last one) and if this is the only change you need, it wouldn’t be a big deal to go in and manually change that icon after each update.