it’s not the code that’s the problem. the code works, which I proved by adding it to style.css. however, that’s not where custom css should go since that file will be over-written when the theme is updated. so I use the ‘custom css’ area of the theme options. but that’s what is converting the > symbol to its ‘code’ version which is & g t ; and which then isn’t working on the front end of the site.
I can’t type the code version without the spaces because this forum’s back end will convert it to a > symbol as we saw in my OP.
So I need to know two things: why is the theme converting the > to its code version, and where can I enter custom CSS manually that will not get over-written when the theme gets updated? Also, are you an admin or just a helpful user?