Integrating Wordpress: how to avoid conflicts between stylesheets

[yabahdabeed]

Hi all!

 

I've just integrated a wordpress module in my prestashop ecommerce. The overall aspect is OK, but if you pay attention to the details it's very easy to find some mistakes such as:

 

- The cart doesn't spreads. You can click on it, but you can't see what products are on it while you are on the blog.

- Top horizontal menu doesn't spread neither

- Social block is missaligned

- Footer font is not the one it should be. 

 

I followed the integration method described at the following link: http://www.webbax.ch/2016/02/24/ajouter-wordpress-a-prestashop-1-6/

 

My problem comes with step 5, which says:

 

"You should adapt the styles.css file of your theme. There will be some rule's conflicts between those files of Prestashop and those of Wordpress. I've analyzed the result with Firebug and I've defined the rules as follow:

- I erase the CSS Wordpress rules which cause any trouble with the CSS Prestashop performance

- I add at the end of the CSS file the rules applied to specific elements."

 

I've installed firebug, but still I don't even know how to see which rules are causing troubles with which other rules. As you may note I'm not a programmer. I've tried to find any tutorial or video tutorial but didn't find anything helpful. 

 

So does anyone here know how could this CSS cleaning process be implemented? Thank you a lot for any help and sorry for grammar mistakes (english is not my mother language)