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
1answer
21 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
0answers
25 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-...
0
votes
0answers
10 views

Generate a custom nested layout by tinymce editor button

I create a new button in TinyMCE editor. And i want that new button of TinyMCE editor will show this below structure as dummy content while I press that button. <div class="table-of-contents-...
0
votes
0answers
11 views

Add style to admin panel table

good, I hope you are well, I am trying to add a stylo to my tables, to give it some color and I am not able to do it, I would like to know if you can help me how can I add something similar to the .bg-...
1
vote
0answers
11 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
1answer
304 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 ...
0
votes
2answers
313 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
1answer
43 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
2answers
2k 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.
0
votes
1answer
60 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
1answer
42 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 ...
2
votes
1answer
2k 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
0answers
74 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
1answer
32 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
1answer
157 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
vote
1answer
438 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 ...
0
votes
1answer
725 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 ...
0
votes
2answers
47 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
0answers
27 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?
6
votes
1answer
4k 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 ...
0
votes
1answer
33 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
2answers
238 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
0answers
164 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 ...
0
votes
1answer
732 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?
1
vote
1answer
77 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 ...
0
votes
0answers
73 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 ...
0
votes
2answers
86 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( ...
1
vote
1answer
99 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 ...
1
vote
1answer
493 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 ...
1
vote
1answer
732 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 ...
0
votes
1answer
690 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
0answers
37 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 ...
0
votes
1answer
354 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 ...
-1
votes
1answer
570 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
1answer
3k 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
1answer
3k views

Apply custom css for user role

How can I apply custom CSS for user role, both for dashboard and frontend? For dashboard I set: if( current_user_can('seller', 'partner')) { function admin_style() { wp_enqueue_style('admin-...
0
votes
1answer
101 views

How to reference an existing css content-based icon, within my admin menu hook

Within WordPress 4.6.1, I really like the thumbtack icon that is being used in the admin menus. This is the thumbtack icon (generated in CSS) that I am referring to... I'm currently using the ...
1
vote
0answers
602 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 ?
0
votes
1answer
43 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, ...
3
votes
2answers
736 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-...
7
votes
2answers
2k 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 ...
0
votes
1answer
123 views

Margin problem on management menu?

I'm developing a Wordpress site (www.costactiva.com). It's a multilingual site with around 15 languages at the end. I found this 'mistake?' in the Menus area: When I have more languages than they fit ...
1
vote
1answer
316 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 ...
2
votes
3answers
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 ...
0
votes
3answers
584 views

Custom css author role

I need a code snippet to load css (extra style sheet?) when a author is logged in. This is for a custom dashboard and post "page". The screenshot is what i mean by post page. I want to hide stuf by ...
0
votes
2answers
50 views

Media Upload not working after hiding some elements from functions.php

I have put the below code in functions.php. (It's used to hide some options from client.) But the problem is, after adding these codes, images are not uploading, can't even even uploaded photos from ...
0
votes
0answers
939 views

wp_is_mobile() inside js

I've stumbled upon a issue that i can't fix. I've implemented a autocollapse menu ..all works fine UNTILL i go to mobile version where the wp core's menu bugs out with my menu js code. Basicly i ...
1
vote
1answer
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 ...
0
votes
2answers
837 views

prevent front end theme from injecting css into wp-admin

I've created a custom child theme of parent theme Cordillera. This is my child theme's header.php (<head>): <!DOCTYPE html> <html <?php language_attributes(); ?>> <head&...
0
votes
1answer
65 views

conditionally update css on edit.php

I want to change the background-color of each row in the posts table based on some date checks. The css I need to change is tr#post-nnnn {background-color:$myColor} where nnnn is the post number and $...