This topic is locked

color chart

7/27/2025 4:09:12 AM
PHPRunner General questions
J
Jan author

phprunner v11 How can I color the part below the blue line?

img alt

ChatGPT 7/27/2025

In PHPRunner, if you want to change the background color of a specific section of your application (like the part below the blue line in your image), you can usually achieve this by adding custom CSS to your project. Here are the general steps you can follow:

  1. Open Your PHPRunner Project: Launch PHPRunner and open the project you are working on.


  2. Go to the "CSS" Section:

    • In the project settings, navigate to the "CSS" section. You can find this on the left pane in the PHPRunner UI.


  3. Add Custom CSS:

    • You can add your custom CSS rules in the provided text area. To change the background color below the blue line, you will need to identify the specific class or ID of the element you want to style.

    For example, if you want to change the background color of a specific section, you might use a CSS rule like this:

    .your-section-class {
    background-color: #f0f0f0; /* Change to your desired color */
    }

    Replace .your-section-class with the actual class name of the section you want to target. If you are unsure of the class names, you can use browser developer tools (right-click on the section and select "Inspect") to find the right class or ID.


  4. Apply Changes:

    • After adding your custom CSS, make sure to save the changes.


  5. Preview Your Application:

    • You can preview your application to see the changes in effect. If the color change is not visible, double-check your CSS for any typos, and ensure that the correct class or ID is being targeted.


  6. Publish Your Application:

    • Once you are satisfied with the changes, publish your application to make the updates live.



If you provide more specific details about the structure of the HTML or the exact section you want to style, I could give you more precise CSS instructions.