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

Load specific CSS file

I am learning WordPress Plugin development. I would like to load my specific CSS file in my specific Admin Pages not in other Admin Pages. How can I do that ?
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
1 answer
1k 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 ...
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.
-1 votes
1 answer
35 views

Select a Text for CSS

I am learning WordPress Plugin Development. I have below HTML in a Admin Panel Page. <form method="post" action="options.php"> <table class="form-table" role=...
0 votes
1 answer
19 views

How do I modify the font-size-base used on editor-styles-wrapper on the back end?

I modified a theme so that the text on the front end is where I want it. The back end text in the editor is appearing smaller than the front end. I was able to find a setting under the .editor-styles-...
1 vote
1 answer
63 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 ...
0 votes
2 answers
268 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 votes
1 answer
41 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
4k 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
829 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
60 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
10k 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
252 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
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 ...
1 vote
1 answer
112 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
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 ...
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 ...
0 votes
1 answer
475 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
60 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
276 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
872 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 ...
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 ...
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?
0 votes
1 answer
52 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
228 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
157 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
54 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
57 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
86 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
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 ...
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
249 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
59 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 ...
3 votes
2 answers
2k 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
594 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
134 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
694 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
224 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
140 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
810 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
791 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
61 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
30 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
291 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
958 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
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 ...
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 ...