Adding custom CSS and JS to the backoffice Prestashop 1.7.8.7

[pad420]

Hello, 

I want to add custom CSS and JS to the back office.

I've tried writing code inside the overrides.css file inside admin/themes/default/css/overrides.css but it didn't work. 

Any ideas? :c

[Nickz]

2 hours ago, pad420 said:

Any ideas?

Add it to theme.css, style.css whichever is used. Have a backup of the file you edit before editing.

[dr7tbien]

Hi.

1. Enter on the back office
2. Control + u to see the html code
3 Control + F and look for .css - This will let you see the lines that contain .css, that is, the css files.

In my case with ps1.7 one of the last lines is:

<link href="/admin-dir/themes/default/css/overrides.css" rel="stylesheet" type="text/css"/>

Edit the file /admin-dir/themes/default/css/overrides.css and write the css code you want.

Clean the cache of prestashop and the browser.

:)

[pad420]

12 minutes ago, dr7tbien said:

Hi.

1. Enter on the back office
2. Control + u to see the html code
3 Control + F and look for .css - This will let you see the lines that contain .css, that is, the css files.

In my case with ps1.7 one of the last lines is:

<link href="/admin-dir/themes/default/css/overrides.css" rel="stylesheet" type="text/css"/>

Edit the file /admin-dir/themes/default/css/overrides.css and write the css code you want.

Clean the cache of prestashop and the browser.

For some my Prestashop version doesn't link this file in the back office.

 

41 minutes ago, Nickz said:

Add it to theme.css, style.css whichever is used. Have a backup of the file you edit before editing.

Worked for me, thank you. 

I presume that the changes I'll make to this file will disappear once I upgrade to version to 1.7.8.8, right?

[Nickz]

1 hour ago, pad420 said:

worked for me, thank you. 
I presume that the changes I'll make to this file will disappear once I upgrade to version to 1.7.8.8, right?

That is correct. When all is checked you save that file or the modification and set it after updating. Do not update without a proper backup; (all files needed to restore the shop).

[GrinGEO]

Im wondering if this is still wroking. I tryed the override.css, but no changes happen to backend design.

[Nickz]

33 minutes ago, GrinGEO said:

Im wondering if this is still wroking. I tryed the override.css, but no changes happen to backend design.

have you cleared your caches? Shop, Browser?

[GrinGEO]

yes both but no change. Don't know if this issue maybe 1.7.8 related. ev. it uses already the new-theme design instead of default?

[A Bit of Home]

I am trying the same thing. Edit the overrides.css file and no change to the admin output. I am on PS 8.1.7 and the problem still appears to exist.

 

[Andrei H]

Hello,

I just tested with PS 8.1.7 and it does work as expected.

Can you add the following CSS code to admin-dev/themes/default/css/overrides.css file:

.bootstrap .page-head .page-title {
    color: green !important;
}

Then go to the dashboard page and hard reload the browser window (Ctrl + Shift + R or Ctrl + F5 in Chrome).

At this point, the title of the page should be green, as shown in my screenshot below

 

[A Bit of Home]

Have tried agai

On 10/16/2024 at 10:52 AM, Andrei H said:

Hello,

I just tested with PS 8.1.7 and it does work as expected.

Can you add the following CSS code to admin-dev/themes/default/css/overrides.css file:

.bootstrap .page-head .page-title {
    color: green !important;
}

Then go to the dashboard page and hard reload the browser window (Ctrl + Shift + R or Ctrl + F5 in Chrome).

At this point, the title of the page should be green, as shown in my screenshot below

 

Thanks Andrei,

I did get it to work as you described.