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.
86
questions
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 ...
- 261
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
...
- 215
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', ...
- 861
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', {
...
- 215
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 ...
- 9,699
5
votes
2
answers
940
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:
- 63
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?
- 145
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 ...
- 351
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-...
- 137
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' );
...
- 349
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 ...
- 161
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 ...
- 679
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 ...
- 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 ...
- 155
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&...
- 2,116
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: "...
- 464
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 ...
- 57
1
vote
1
answer
392
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 ...
- 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 ...
- 111
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-...
- 253
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. ...
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 ...
- 231
1
vote
1
answer
837
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
...
- 125
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 ...
- 307
1
vote
1
answer
254
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 ...
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 {...
- 4,369
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 ...
- 121
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 ...
- 220
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 ...
- 11
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 ...
- 11
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 ...
- 1,837
1
vote
1
answer
231
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 ...
- 113
1
vote
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 ...
- 125
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 ...
- 41
1
vote
0
answers
839
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 ?
- 11
1
vote
1
answer
1k
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 ...
- 13
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.
- 11
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....
- 183
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 ...
- 382
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
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 ...
- 143
0
votes
1
answer
128
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, ...
- 457
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 ...
- 179
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 "...
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
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 ...
- 23
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 ...
- 22k
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://...
- 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 ...
- 785
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.
- 19