How to change the Advanced Portal Reports CSS if you have Refined installed

Owned by Georgi Gachev
Last updated: May 26, 2022
1 min read

If you have Refined addon installed you can use it to change the CSS in Jira including the CSS of Advanced Portal Reports. This will help you change the position, colors and other CSS properties of the elements if needed.

Instructions

You need to add blocks of CSS code to the section for custom CSS and HTML of Refined in order to affect the Advanced Portal Reports CSS options. For example, if you wish to change the position of the Advanced Requests Report because it overlaps your company’s logo or you just want it in a different place. Include all of the blocks in the custom CSS and HTML section in Refined. Make sure you don’t have the symbol ; after every CSS block that ends in } because Refined will stop executing the script. An example of a correctly written CSS code block in that section is .aui-dialog2-header-close:hover { background: #4aa2d4 !important;}

For example, to move the Advanced Requests Report button (its ID is adv-report) by 100 pixels down, you should use the following CSS code:

#adv-report { margin-top: 100px !important;}