We’ve all been there: we use a lot of plugins and start seeing conflicts between the CSS and the elements we add. That’s why I created this tool, designed to force CSS styles to apply correctly.
How does it work?
First, access the free tool here: You will see the following interface:
On the left side, you can modify various parameters, such as global typography (you can even choose to exclude your website’s menu), links, button shape and color, and text. You can also customize tables to make them look much nicer (since the default WordPress styling is honestly quite limited).
On the right side, you’ll see a real-time preview, so you can see exactly how the different elements will look.
Once you are done, you will see a switcher in the top corner, like this:
This will give the CSS code extra strength so that it overrides any plugins, widgets, or themes, ensuring that the style you generated prevails.
When you are ready, you will see the generated CSS code at the bottom:
Click the button to copy it, and then paste it into your WordPress CSS settings.
The Premium Version of this tool also allows you to manage multiple projects (in case you have several websites) and save everything in a backup file.
You can get the paid version for a one-time payment of $4 USD here.