Where can I find the correct css file to modify?

[roy2023]

Where can I find the correct css file to modify?

I'm testing customization in my forum template using the browser element inspector but then I don't know where to find the css file where to make the changes.

For example css.php

[glennrocksvb]

For style customization, you can do it using Style Variables. Below is a topic containing a list of available style variables that you can configure.

https://forum.vbulletin.com/forum/vbulletin-5-connect/vbulletin-5-connect-questions-problems-troubleshooting/vbulletin-5-tutorials/4186900-stylevars-definitions-full-list

If a style is not using a style variable, you can add your own custom CSS code in css_additional template.

[roy2023]

Can you give me more details on how to edit this?

For example if I want to put the background of my page in black color and the letters in red color what would I have to edit?

Thank you very much for your help

[glennrocksvb]

vBulletin has some video tutorials on how to customize styles. Navigate to https://www.vbulletin.com/en/learn-more (this is linked in the Useful Links module on Homepage). Scroll down the page and find the "Changing the Body Background" video.

To learn more how to change style of any element on a page, find and watch the "Using Firebug to Find and Edit StyleVars" video. In the video, Firebug is used as web inspector/debugger tool. You can also use any browser and its built-in debugger. The process is still the same as described in the video but instead of choosing "Inspect with Firebug", choose "Inspect" or "Inspect element" or its equivalent to use the browser's built-in debugger tool.

As I mentioned earlier, the ideal way to style a page is to use Style Variables first, if available. If not, then add custom CSS code in css_additional template. This process was shown in the videos I mentioned.

[roy2023]

How strange, when I enter this option, the box appears blank and I cannot modify anything.... Why does this happen? Attached photo

[glennrocksvb]

You can't type anything in the search box? What browser are you using?