Site icon Catch Themes

Adding boxes around individual widgets

In my CATCH FOREST site I want to have each widget appear in its own "box" as they do in the sidebar on the CATCH BOX theme. I have already created a child theme and customized the CSS to add the boxes, however the problem now is that because of the way the ID and Class tags are listed my custom CSS also adds the CSS to the "header right" social media widget - which I don't want. When I look at the sidebar widgets using Firebug, I see that each widget has individual aside IDs of "text-(number)". Doing an experiment I created CSS for each individual ID=text-(number) and the boxes did appear in the sidebar area correctly and the CSS did NOT effect the social media widget. However, I don't want to have to add CSS for each individual widget - this would not be easy for the site owner in the future. The site owner needs to be able to just add widgets as needed and they appear with the cohesive look. So is there a way to edit the widget class (or ID) so that ANY widget (excluding the social media widget) that is created will appear with my custom box CSS? Thank you for your assistance. Your support is greatly appreciated.
Exit mobile version