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
16 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-...
David Borrink's user avatar
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
0 votes
2 answers
247 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
-1 votes
1 answer
38 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 ...
Patmahoney123'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
0 votes
0 answers
59 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 ...
jchwebdev's user avatar
  • 775
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
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
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
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
445 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
0 answers
56 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 ...
ChristianOConnor's user avatar
0 votes
0 answers
245 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 ...
Jim Miller's user avatar
0 votes
1 answer
51 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 ...
Aymal Khan's user avatar
0 votes
1 answer
221 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
0 answers
154 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 ...
user4630's user avatar
  • 245
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
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
0 votes
1 answer
73 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
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
0 votes
0 answers
247 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-...
fzaman's user avatar
  • 1
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
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
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 ...
andiOak's user avatar
  • 171
1 vote
1 answer
577 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
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
1 answer
125 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.
Duy Hữu's user avatar
0 votes
1 answer
650 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
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
0 votes
0 answers
219 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 ...
pratik asabe's user avatar
0 votes
1 answer
137 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 ...
user1388610's user avatar
0 votes
1 answer
795 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
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
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
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. ...
kr3t3n's user avatar
  • 103
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?
bentaylor's user avatar
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
0 votes
1 answer
285 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?...
fefe's user avatar
  • 874
0 votes
2 answers
943 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 ...
Gamal Elwazeery'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
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?
William Jerome's user avatar
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
0 votes
0 answers
154 views

When admin is logged in, admin-bar-rtl.min.css is not loaded on website view (the admin-bar is shown in the footer without CSS)

When admin is logged in, the admin-bar on website view is shown in the footer without CSS. I checked the source against other websites & it seems like admin-bar-rtl.min.css is not loaded on my ...
Pini's user avatar
  • 101
0 votes
2 answers
95 views

Enqueue a file that's not js or css

I want to register a new css document that I'm storing inside a PHP file (so that I can create variable css rules). I tried doing this: function tps_admin_scripts() { $plugin_url = plugin_dir_url( ...
Eckstein's user avatar
  • 1,099
1 vote
1 answer
251 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
1 answer
881 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
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
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 ...
Chrystal Schlenker'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
0 votes
1 answer
431 views

Style Radio Buttons inside Edit Page (Custom Fields)

I created styles for custom field, that is a radio button. The style affects every .inside ul.acf-radio-list.radio.horizontal li label but I want the style to work only on the Edit Post ...
mi-ho's user avatar
  • 1