Skip to main content

Questions tagged [admin-css]

WordPress' flexible nature allows for almost every part of it to be easily changed. Creating a custom WordPress Admin Panel Theme is no different. There are essentially two ways of making a WordPress Admin theme: with a Plugin or by simply changing the CSS.

Filter by
Sorted by
Tagged with
18 votes
9 answers
84k views

No CSS being loaded on backend

I have a WordPress installation on AWS and I was facing an issue that authors are not able to submit content like media in one go and a time-out error occurs. After refreshing the page 5-6 times ...
Neal's user avatar
  • 281
9 votes
1 answer
18k views

wordpress wp-admin css not loading

previously its have SSL now don't have SSl my word press admin dashboard css not loading but home page and other page are working perfect any one know how to fix this? no ssl its just http ...
GHOST's user avatar
  • 215
7 votes
3 answers
9k views

How to add custom css to login and admin?

I have custom CSS for the login and admin pages. Is it OK to add it as I've done below, or is there a better alternative? function custom_admin_css() { wp_enqueue_style( 'custom_admin_css', ...
glvr's user avatar
  • 881
7 votes
3 answers
18k views

How do i use fontawesome icons in TinyMce editor?

I'm trying to add a youtube button in TinyMce editor. here is a recent-posts.js file which is in the js folder of the theme directory. (function() { tinymce.create('tinymce.plugins.buttons', { ...
user1906399's user avatar
7 votes
2 answers
4k views

Adjust the Device Preview sizes used in the WP 4.5 Customizer

WP 4.5 introduced the Device Preview in the Customizer and it's pretty easy to use. Click one of three icons and see your site at various (predetermined) sizes. The desktop version will always fill ...
jgraup's user avatar
  • 9,784
5 votes
2 answers
949 views

Add visit site to your toolbar instead of being in the dropdown

I'm looking for a way to move the "Visit Site" link from drop-down and add it to the main toolbar, just like in the image shown below:
andreiudeiu's user avatar
5 votes
3 answers
17k views

How to hide menu on WordPress admin

I want to hide some menus on admin panel: Appearance, Plugins, and Tools. How to hide it without plugin? And how can I un-hide them later easily?
Lena Queen's user avatar
3 votes
2 answers
1k views

Changing Gutenberg / WP block editor width only on pages, not posts or other taxonomies

I have managed to change the width of the WordPress block editor so it uses my max width of my actual theme, making it easier to do layouts during the writing process. Now I wanted to change that to ...
andiOak's user avatar
  • 171
3 votes
1 answer
4k views

Gutenberg Block Editor Match Admin Styles & Frontend Styles

I am creating a simple theme and some custom blocks to go along with that. However, I don't understand the best way to visually make my block look the same in the editor and the frontend. There are ...
Jon's user avatar
  • 323
3 votes
2 answers
2k views

What is better way to use Bootstrap inside admin panel?

I need to use Bootstrap CSS for better UI in wp-admin but if I enqueue the bootstrap.css, it's affecting the admin default UI by changing background colors, etc. How can I use bootstrap.css inside wp-...
Bhavesh Nariya's user avatar
3 votes
6 answers
4k views

Hide Front-End Admin Bar Including 32 px Spacing

I have a custom template and I inserted the following snippet to get rid of the admin bar for the page: function hide_admin_bar(){ return false; } add_filter( 'show_admin_bar', 'hide_admin_bar' ); ...
Adam's user avatar
  • 349
2 votes
2 answers
1k views

Deregister CSS style link 'open-sans-css'

When user is logged in WP add in its footer this CSS: <link rel='stylesheet' id='open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans....' type='text/css' media='all' /> That ...
Advanced SEO's user avatar
2 votes
3 answers
2k views

How to add background image control to page admin controls?

I understand that each page is assigned its own class such as .page-id-22 & I can use that to assign a background image to it using the stylesheet but I've seen a theme that adds a control to the ...
Jeff W's user avatar
  • 118
2 votes
1 answer
3k views

Dashicons and Pseudo :before

I am generating a custom post type that uses the dashicons and allows users to select one to associate with the post. The idea being the user can select an icon from a drop down list and it is ...
iamdannywilson's user avatar
2 votes
1 answer
2k views

how to add stylesheet to particular plugin only?

I am developing plugin wherein I want to add bootstrap.css to plugin setting page. But if I add css, it will get add to whole WordPress admin panel. Is there any way to apply css to particular ...
Prasad Gavande's user avatar
1 vote
3 answers
775 views

React Material UI and WordPress Admin Area

I am creating a plugin that uses a React App to run inside the admin section of WordPress, and this app uses React Material UI (MUI) as well. Everything is great, until I started to use "form&...
Greeso's user avatar
  • 2,182
1 vote
1 answer
3k views

How to add a class to the <InnerBlocks.ButtonBlockAppender /> element in a custom Gutenberg block

I have InnerBlocks which contain ButtonBlockAppender. I would like to add any className to the ButtonBlockAppender ButtonBlockAppender documentation says: className Type: String Default: "...
kanlukasz's user avatar
  • 504
1 vote
1 answer
3k views

enqueue admin styling and scripts only on plugin page

I'm still learning so please bear with me if I sound a little confusing. Having lots of fun BTW while I learn. I'm creating a plugin with admin specific JS and CSS but I don't want those scripts and ...
John Cook's user avatar
1 vote
1 answer
401 views

What exact CSS minifier does WP core use?

WordPress core ships css files in both source and minified form. E.g. wp-includes/css/admin-bar.css and wp-includes/css/admin-bar.min.css. Does anyone know exactly what tool they use to do the ...
sootsnoot's user avatar
  • 123
1 vote
1 answer
2k views

Set admin body to ltr on a rtl installation

I am using a rtl WordPress installation (Hebrew language) and have the following problem: On the admin interface, most of the plugins I install do not have a rtl stylesheet and therefore the plugin ...
Yair Levy's user avatar
  • 111
1 vote
1 answer
110 views

Remove style `?ver=` from `/wp-admin/upgrade.php`

Using style_loader_src hook to remove the version query works just fine, but on /wp-admin/upgrade.php the version queries won't go away. Is there a way to also remove the versions strings from the /wp-...
David Wolf's user avatar
1 vote
1 answer
55 views

editor-style.css Functionality

Scenario: I have a client who has difficulty understanding that the font styling he sees in the WordPress dashboard for his posts is not necessarily the styling that will show on the front site. ...
Nora McDougall-Collins's user avatar
1 vote
2 answers
869 views

Different css rules for TinyMCE and Gutenberg while using add_editor_style()

I wanted to include some CSS rules inside of my gutenberg editor (in a way that it better reflected the frontend of the website). Yet I absolutely didn't want to see the same styles applied inside of ...
Cerere's user avatar
  • 231
1 vote
1 answer
880 views

Add css code in admin_enqueue_scripts

How can I add css code to admin_enqueue_scripts? I did this for login_enqueue_scripts its working fine but same thing is not working for admin_enqueue_scripts. Following is my code snippet ...
Prasad Gavande's user avatar
1 vote
1 answer
2k views

Adding HTML tags or css classes to admin columns

Is it possible to add a custom class to the links in admin columns? I'm trying to replicate the labels below. I'm using WP 4.1 and my CPT is using 'show_admin_column' => true in ...
Justice Is Cheap's user avatar
1 vote
1 answer
262 views

How To Differentiate Drafted product and Publish Product through Color?

I want to set a different color border for product drafts and published products in my WordPress backend page. If there is a drafted product in my WordPress product listing page then it should have a ...
Yogesh Chalodiya's user avatar
1 vote
3 answers
3k views

Admin WP List Table Columns Missing

The wordpress admin tables used on pages like www.example.com/wp-admin/edit.php uses a class class-wp-list-table.php In this class there are two functions that hide specific table columns with {...
Bryan Willis's user avatar
  • 4,439
1 vote
1 answer
37 views

Customizing Additional CSS editor

Using an Astra Child theme, I know how to work the Additional CSS editor. I also like that fact that you can define custom classes by post or by page or by site. It's just that I find the space for it ...
RolfBly's user avatar
  • 121
1 vote
0 answers
53 views

Load in wp admin assets from child theme

I started to create a child theme from a BoldThemes theme with custom icons. I am able to see icons when edit directly page, but when try to edit page from wp admin, I've this issue I discovered ...
salsan's user avatar
  • 121
1 vote
0 answers
58 views

Is it possible to switch Gutenberg's editor styles when document settings change?

I want to show different editor styles based on one of the post's value in the core/editor store. Let's say, for example, that I've got a setting like, picture_frame in my post meta, that adds gimicky ...
Josiah Sprague's user avatar
1 vote
1 answer
576 views

Wordpress Dashboard is loaded without css

Just got a new update from WordPress and installed update from dashboard successfully. Everything was ok after refreshing the page I got dashboard without CSS. Tried googling and found some solutions ...
Chetan Upare's user avatar
1 vote
0 answers
283 views

Admin pages missing css

suddently my admin page lost his css I think.. It looks like this: I've read some topics with similar problems and I've already tried to: - clearing browser cache and changing browsers - reinstall ...
JollySL's user avatar
  • 11
1 vote
1 answer
212 views

How to apply a CSS file to my admin pages?

I have created a simple CSS file and I would like to apply it to one of my admin pages--specifically the 'edit post' page. I have tried two methods (described below), but both are failing--the CSS ...
cag8f's user avatar
  • 1,937
1 vote
1 answer
250 views

Why is server preventing admin styles? (Was: Where are WordPress sessions saved?)

[Note: I'm keeping the following opening paragraph here for posterity, but this is no longer a session issue - something wrong on the server is preventing CSS from displaying.] I asked this question ...
OsakaWebbie's user avatar
1 vote
0 answers
41 views

Admin style for just one plugin in dashboard

I'm working on a site with many plugins, two of which are closely related, function-wise, but made by 2 different developers. Is it possible to style the text from one plugin on the admin end, so ...
Torque2's user avatar
  • 41
1 vote
0 answers
897 views

How to enable table overflow scroll? (especially order list table)

Above in image the order list table not able to scroll horizontally and also breaking the words . I want to make scroll . Help me how to do this ?
user2007245's user avatar
1 vote
1 answer
2k views

Can't resize logo in responsive theme?

I've been knocking my head against this one for hours. I haven't dabbled in web development in years, so I'm very rusty. I setup a new website, clearerlines.net, designed a logo for the header, and ...
Truefire's user avatar
1 vote
3 answers
14k views

How to disable the hover effect in Wordpress and Elementor?

Hi all! I created a products section via Elementor in Wordpress. The thing is, that I do not know, how to disable the hover effect.
Vicky99's user avatar
  • 11
0 votes
2 answers
246 views

Add custom CSS for plugin admin Page

I am trying to add custom CSS for plugin admin Page. If I use below code then it is working. wp_enqueue_style( 'cricket-info-admin-styles', plugins_url('') . '/wp-cricket-info/assets/css/admin_styles....
abu abu's user avatar
  • 203
0 votes
1 answer
648 views

How to stop my themes CSS changing the Wordpress interface/?

I'm currently busy exploring Wordpress theme development. I've made a theme and uploaded it to my Wordpress development site. In a css file of me, I've declared some styles for the h1, h2, h3 etc. The ...
ralphjsmit's user avatar
0 votes
1 answer
1k views

make admin.css in my child theme

i want hide elements of admin with css file "my-admin.css" I put css file "my-admin.css" at the root of my child theme wordpress and use this code in functions.php but does not ...
Calachuka's user avatar
0 votes
1 answer
794 views

Change css for <p> tag in wordpress admin

I am editing the Wordpress back-end with CSS through a plugin called "Admin CSS". I can edit almost anything, but not the height of the <p> tag. Right now, the height of the <p> tags is to ...
Hejhejhej123's user avatar
0 votes
1 answer
153 views

Distributing Frontend Assets with Plugins

I'd like to distribute some custom style sheets (.css) and javascript files (.js) with my plugin. Is there a right way to do this in Wordpress? I can think of a number of different ways to do this, ...
Alana Storm's user avatar
0 votes
1 answer
2k views

Adding CSS to admin TinyMCE editor for custom button

I have created a plugin that adds a new button to the TinyMCE editor in the admin edit pages/posts area. I am trying to apply a font icon to it as per the the other buttons in Wordpress 3.8. I have ...
McShaman's user avatar
  • 179
0 votes
1 answer
232 views

Enqueue MCE Editor CSS in admin page

I am using mce editor for some formatted content. That content is stored in metadata. Now when I render the content it does render the content but the styles for the contents are missing like "...
MrCoderAndEditor's user avatar
0 votes
1 answer
444 views

hide elements of admin with css file

i use woocommerce and woocommerce Product Vendors (https://woocommerce.com/products/product-vendors/) i want hide elements of admin with css file "my-admin.css" I put css file "my-admin....
Calachuka's user avatar
0 votes
1 answer
219 views

dynamic css file for admin / backend and get_option results in Uncaught Error: Call to undefined function get_option()

I try to style the admin area with a dynamic css. I need to configure some elements regarding the frontend user defines. He can choose a color and this color should reflected in some elements in the ...
mickna's user avatar
  • 23
0 votes
1 answer
47 views

Notice-Updated div moving around unprompted

I have a div.notice.updated that is moving on the DOM and I can't locate the code that's doing that. Disabled all plugins and changed to a default theme without results. I'm printing the element on ...
brasofilo's user avatar
  • 22.1k
0 votes
1 answer
72 views

WP components no style

I'm trying to build a plugin menu using wordpress components but it appears all the styles are missing. For ex. the button isn't colored the primary(Blue) in the following sandbox.. https://...
navxio's user avatar
  • 33
0 votes
1 answer
1k views

Gutenberg - Remove add block button

I want to setup a gutenberg screen with one block only. I know I can hide the add block button with CSS with this code: .block-editor-inserter { display: none; } How can I hide the button with ...
BenB's user avatar
  • 795