Client Zone

Home » Client Zone

The integration is not perfect, how do I tweak it? Print

  • 9

There are literally hundreds of thousands of WordPress themes and it is not possible to predict what these themes will do in their stylesheets, therefore, your integration may in some cases have conflicts between the style sheets of your WordPress theme and the style sheets of WHMCS. 

The first thing to do is to figure out what needs to be corrected. These days, every browser had features to inspect parts of the web page and see what styles are being applied:

1) Firefox + Firebug (addon to be installed): right click on any part of the page and you will see an option to 'Inspect Element With Firebug'. This will bring up the Firebug console and you can see the styles applied to that element.

2) Safari: right click on any element and select 'Inspect Element'.

3) Google Chrome: right click on any element and select 'Inspect Element'.

The second thing to do is then to overwrite the styles. The best way to do this is by adding the relevant styles in your WordPress's theme stylesheet. This is located in wp-content/your-theme/style.css
Say for example you identified an element with class 'abc' that has a color blue applied but you want to apply color red. You can then simply add the following in style.css:

.abc {
color: red !important;

Adding the !important clause will take precedence over any other rules applied to that element.

We have also included an option in the Bridge Settings page for "Custom styles", you can add your custom CSS to this block and it will be applied to the bridge pages. 

Was this answer helpful?

« Back