How to Edit the CSS File of the Installed Plugin in Wordpress

Question

I want to edit the CSS File of the Installed Plugin in Wordpress for some customization of the design.

I tried to found the css file of the installed plugin by navigating through Plugins --> Installed Plugin -->Editor. In that I did'nt find the css file of that plugin instead I found only the .php extension files for the installed plugin.

So i "installed Custom CSS Editor Plugin" and i tried to override the some of the CSS property of that plugin in the custom CSS Editor but the changes i made in that custom css is not reflecting on the web page but i tried to edit the css using inspect element on the browser is working correctly.

And then i tried the same CSS property on the Style.css file for the installed Theme , it is also not reflecting on the web page.

could anyone help me to understand how to edit the css properties of the installed plugin?

thanks in advance.

Answer 1

You need to locate the file with the css rules in your theme folder, the rules could also be embedded in the head.php files using a <style> tag.
Try to locate all the .css files within your theme folder and rename them to something like Style.css.old or any other file name, then just find the file that breaks your page when renamed. You should also take a look at the generated html and make sure that no <style> tags are used.

Answer 2

The only way to edit css file of a plugin is you need to have access to cpanel or ftp of that site. wp-content -> plugins -> open the specific plugin folder. You will find css folder or file. you can change in it.