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
0 votes
1 answer
989 views

How to change text size on category pages

I am trying to change the font size on all pages/posts on the site I'm managing for my employer. I know how to change the font size in "posts" but how do I change font size in "category" pages? I ...
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-...
0 votes
2 answers
89 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....
1 vote
3 answers
12k 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.
-1 votes
1 answer
28 views

How do I create a custom search function to only show contact information if they search for an exact unique identifier?

I’m hosting a conference in the future and will be collecting several hundred attendee’s names and email addresses when they register on my site. To help with networking and connecting them after the ...
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 ...
1 vote
3 answers
445 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&...
0 votes
0 answers
28 views

Custom customizer CSS priority

function themename_customizer_styles() { wp_enqueue_style( 'themename-customizer-css', get_template_directory_uri() . '/css/themename-customizer.css' ); } add_action( '...
0 votes
0 answers
45 views

CSS Styles specific to Admin Sidebar not loading

I have several sites where I have loaded a custom stylesheet for the Admin. They work fine in both the TinyMCE editor and the sidebars. I have one site where the custom stylesheet targets the TinyMCE ...
7 votes
3 answers
8k 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', ...
0 votes
1 answer
175 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 "...
9 votes
1 answer
17k 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 ...
1 vote
1 answer
96 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-...
1 vote
0 answers
49 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 ...
0 votes
1 answer
947 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 ...
0 votes
1 answer
325 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....
0 votes
0 answers
46 views

Wordpress Sudden Loss of All CSS And Tons of JQuery Errors

All of a sudden all the css on the wp-admin page of a Wordpress Site that I'm providing some maintenance for dropped out. It really came out of nowhere. I'm not sure what caused it. I took some pics ...
0 votes
0 answers
123 views

How can I add a stylesheet to the Classic Editor page?

I want to make some style changes to the Classic Editor page itself -- not the place where you write the text of the post, but the main part of the page (such as the Categories block -- maybe I want ...
1 vote
2 answers
843 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 ...
16 votes
9 answers
79k 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 ...
4 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?
0 votes
1 answer
49 views

How to change the WordPress Plugin Watson Assistant Chatbot BOX Size?

How to change the Wordpress Plugin Watson Assistant Chatbot BOX Size? The CSS code below changes the height from below to top but not from top to below. I want to decrease the chatbot BOX size from ...
0 votes
1 answer
193 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 ...
0 votes
0 answers
143 views

Stop custom Gutenberg styles taking over other admin bits?

Is there any classes or way of targeting CSS so custom Gutenberg styles doesn't take over the whole admin? For example i want p tag to reflect the front of site font-family and a links etc, but then ...
0 votes
1 answer
36 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 ...
1 vote
1 answer
42 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. ...
0 votes
1 answer
60 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://...
1 vote
1 answer
2k 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 ...
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: "...
0 votes
0 answers
238 views

Twenty-seventy theme remove additional CSS from head

Is it possible that additional CSS that we add in customizer section, display somewhere else instead of head? I am using twenty-seventy theme. I know its fetch and rendering code is available in wp-...
1 vote
0 answers
52 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 ...
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 ...
2 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 ...
1 vote
1 answer
432 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 ...
0 votes
1 answer
114 views

Change the color of the Password Protected Post titles

I want to change the color of the protected post titles. When a post is in protected status (have password), the post title will turn red different from other posts. Please help me, thanks.
0 votes
1 answer
464 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 ...
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 ...
0 votes
0 answers
213 views

Run function for specific user only

I've created following function to run a stylesheet for the admin area, but I want to runt it only for 'shop_manager' this user role and for others, it should not make any modifications from that ...
0 votes
1 answer
130 views

WordPress Customizer Additional CSS - line numbers overlaps CSS code

On one of my sites the Additional CSS in customizer is difficult to work with because the left margins are hiding the left side of the CSS code window behind the line numbers. I tried adding some ...
0 votes
1 answer
711 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 ...
-1 votes
1 answer
745 views

Where are the Parent themes CSS & PHP files hidden on Wordpress?

I have a friend who has a wordpress website, he wants some help and as I have been coding with html, css, javascript (but with bootstrap) I am helping him out. However, he has a very old version of ...
0 votes
2 answers
60 views

Admin bar default color scheme for nonregistered/nonlogged users

I have disabled the registered users to select the admin color scheme as I want all of them to use the 'Coffee' scheme. I have also made the 'Coffee' color scheme the default one for registered users. ...
0 votes
0 answers
29 views

Lines of CSS only being delivered while logged in

I am working on a clients site and I noticed a few lines of CSS are only being delivered while logged in to the WP Dashboard. Any idea what might cause this discrepancy?
0 votes
1 answer
262 views

Is it possible to load the css just on my plugin admin page?

I am trying to build a wp plugin using vuejs and the bulma css framework, but it seems like it is having an impact on the whole admin area. Is it possible to load my css only on my plugin admin page?...
0 votes
2 answers
842 views

custom css in admin panel by user id

I'm looking for adding a custom css in the admin panel by targeting user id cause I have another administrator but I want to hide something from him by css. I'm using this code to put some stylesheet ...
1 vote
1 answer
183 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 ...
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 ...
1 vote
0 answers
278 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 ...
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', { ...
0 votes
1 answer
3k views

Override Admin menu icon

I have created set of icons that I want to replace Wordpress admin menu icons. I am wondering what is the best approach to force Wordpress to use my icons instead of the default?