WordPress’ powerful ecosystem generates conflicts

When building your website with WordPress, you are going to want a contact form plugin, a social share plugin, a privacy policy plugin, a newsletter plugin and the list can go on… And that’s great, because with WordPress you have literally tons of choice to build exactly what you want.

Now chances are that each of the plugins you are going to install have been built by different developers with different needs and different constraints and methodologies, maybe even some of those plugins were first developed 10 years ago and therefore not taking into account the new modern web development best practices.

The bottom line is that 3rd party conflicts is going to be part of your WordPress’ journey, there will be plugins not working well with each others, some of these conflicts will literally impede functionalities from working properly. There will be Javascript Conflicts, PHP conflicts, and CSS conflicts.

Javascript conflicts and PHP conflicts will be difficult to work with, when one of these conflicts happens you will need to make a choice, use plugin A or use plugin B.

On the other end, working with CSS conflicts is much easier, you are going to need to learn a bit of CSS obviously, but there is tons of resources online, and this is really within everyone’s reach.

Creating live CSS rules in the browser

In each modern browsers such as Firefox, Brave, Chrome there is always an inspect mode, it usually appear in the contextual menu when you right click on a webpage in your browser. Once you do that, some magic pane will appear. On one side will show the HTML code of the page you are inspecting and on the other side will appear the CSS rules that are applied.

The inspect mode is great, because it brings you precisely to the part of the page you want to modify.

Let’s say there is a menu on your webpage that is bothering you because the text is too small or too big, right click on a menu, that menu’s CSS rules will appear. And you will be able to work with it live and therefore prepare the final rules you will add later on to your style sheet or to your webpage.

Inspect mode in Firefox

Once you’ve written some custom rules to solve your 3rd party CSS conflict, you can save it in the WordPress Customizer.

Ben
Ben
Ben takes care of all technical aspects of Wappointment. His ultimate goal, a 100% reliable solution that's just powerful enough to cover all of the possible needs for appointment scheduling.