Thank you for the response and sorry for the confusion.
We use various themes to design our websites, but we always have to use Custom CSS to change elements on the theme (eg. Change the menu to have different hover backgrounds and current item backgrounds)
We started using the microthemer plugin to help us with this. The microthemer plugin is actually a tool to easily add some custom css to the theme. Before we started to use microthemer, we always had to inspect elements to find the correct css element to add to the custom css box. We also had to know css well (which we don’t)
We have managed to get microthemer to work with Automator theme. The problem is that it is difficult to find the css elements to change and also when we select a new skin, we have to find the css element again because it is a different one.
To explain practically:
If I use the second skin and we want to change the menu to look different, we have to change the folowing elements:
menu font: ul#menu-main-menu-1 a
active menu background: .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a
hover menu background:li.menu-item a:hover
If we use a different skin, the above elements does not work and we have to use different css elements
We are a bit lost with the structure/hierarchy of what css elements changes what on the theme and skins. We also try to find the generic css elements that will work with all skins
The only places we actually use this, is on the menu and header. The page builder changes the layout of the content, but we need more customization on the menu to make the sites look unique.
We will need the generic css elements that will change the following on all the skins:
- menu background
- menu hover background
- active menu background
- menu text color
- menu active text color
- menu hover text color
- **the same with sub menus
I hope it makes sense.
Thank you very much