Questions tagged [css]

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of HTML output, usually via Themes. When you have to use this tag, then there's a high chance that your question is off topic on this SE network site.

Filter by
Sorted by
Tagged with
57 votes
6 answers
74k views

What are the standard admin CSS id/class tags?

Is there a list of WordPress CSS id/classes that I can use to build plugin option screens that look and feel more like a normal WordPress option page? I have found some through serendipity but it ...
Ole Henrik Skogstrøm's user avatar
41 votes
3 answers
110k views

adding custom stylesheet to wp-admin

im having troubles getting my custom stylesheet work on WP-ADMIN area. plugins_url('style.css', __FILE__) ); do i have to create folder in my plugins named css or do i just copy my .css to the wp-...
user1933824's user avatar
39 votes
7 answers
51k views

Best way to overide plugin CSS?

Currently, I use CSS specificity to override plugin styles. I prefer this for editing the plugin as it makes less headaches when you update. It would be nice if my style sheet loaded after the ...
Mild Fuzz's user avatar
  • 4,180
32 votes
10 answers
69k views

How do you avoid caching during development?

Is there a simple way to prevent all caching when testing the appearance of changes to the site? I use WP Super Cache. I can delete its cache using the option provided, delete the cache for my ...
cboettig's user avatar
  • 423
32 votes
2 answers
46k views

Where are Additional CSS files stored

This image shows the Additional CSS feature in Wordpress. I'm trying to find the file that stores the additional CSS, but can't seem to find it anywhere - I've searched almost every folder in wp-...
H Bellamy's user avatar
  • 423
29 votes
3 answers
97k views

Versioning @import of parent theme's style.css

Context I built a child theme based on Twenty Thirteen which works quite well. After updating the parent theme to version 1.3, I noticed strange behavior with the styling which was caused by a cached ...
bernie's user avatar
  • 501
28 votes
4 answers
3k views

Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?

WP has a nice javascript loader included in wp-admin: http://core.trac.wordpress.org/browser/tags/3.0.4/wp-admin/load-scripts.php and a CSS loader: http://core.trac.wordpress.org/browser/tags/3.0.4/...
Alex's user avatar
  • 1,081
27 votes
5 answers
28k views

How do I add CSS options to my plugin without using inline styles?

I recently released a plugin, WP Coda Slider, that uses shortcodes to add a jQuery slider to any post or page. I am adding an options page in the next version and I would like to include some CSS ...
Chris_O's user avatar
  • 20.6k
26 votes
3 answers
43k views

TinyMCE: adding CSS to format dropdown

I successfully added a TinyMCE stylesheet using add_editor_style() so that I can preview the styles in the body of the TinyMCE editor. However, am I right in assuming that the add_editor_style() ...
Marc P's user avatar
  • 513
24 votes
11 answers
90k views

how to add version of style.css in wordpress

How to add version of style.css in WordPress like below i can do in Joomla. <link rel="stylesheet" href="/templates/example/css/style.css?v=1.2"> i know that the style.css will load ...
Toretto's user avatar
  • 343
24 votes
12 answers
97k views

CSS not updating in browser when I change it

I am working on the CSS of my wordpress site. When I make changes and refresh the page the changes are not reflected. When I clear the browser history and cache the changes are still reflected. When I ...
David Tunnell's user avatar
24 votes
2 answers
12k views

How can I use WordPress functions in my stylesheet?

I have my style.php file looking like this. <?php header('Content-Type: text/css');?> #div{ background:<?php echo get_option('bgcolor');?>; } This does not work, but when I do this ...
Ronny K's user avatar
  • 581
22 votes
4 answers
78k views

SSL Breaks Wordpress CSS

We purchased an SSL certificat from network solutions (would never recommend them to my worst enemy, btw). Apparently it's activated... did a few checks that says it's activated for our domain. But ...
user1727053's user avatar
22 votes
6 answers
29k views

How to add CSS class to custom logo?

I enabled custom-logo for my theme and have it printed with <?php the_custom_logo(); ?> into the header. Is there any chance to simply add some more classes to this image directly? Per default ...
leymannx's user avatar
  • 3,151
22 votes
5 answers
40k views

How can I get a list of all enqueued scripts and styles?

I'm creating a plugin and I want to get the list of all scripts and CSS used by other plugins. This is my function: function crunchify_print_scripts_styles() { $result = []; $result['...
Edouard Kombo's user avatar
22 votes
2 answers
1k views

Is it ever okay to include inline CSS in plugins?

Normally in a plugin I would add styles using wp_enqueue_style. However, I am currently creating a plugin that only needs a few lines of CSS and I am wondering if it might be better to serve the ...
Dustin's user avatar
  • 374
21 votes
10 answers
171k views

How to add custom css file in theme?

Some themes ask you not to edit the style.css file, instead use custom.css file. If you write code on custom.css, it will overwrite the same element style in style.css. I think this is done in order ...
jay's user avatar
  • 307
20 votes
3 answers
4k views

How important is it to enqueue a theme's stylesheet?

I have trawled the net looking for an answer to this, but for some reason all I can find are actual examples, but without that particular explanation, which is clear say in the case of scripts. Can ...
byronyasgur's user avatar
  • 3,032
20 votes
2 answers
13k views

How to add crossorigin and integrity to wp_register_style? (Font Awesome 5)

I am upgrading Font Awesome 4 to version 5 which introduces both integrity and crossorigin attributes to the <link rel="stylesheet"> markup. Currently, I am using: wp_register_style('...
Pipo's user avatar
  • 609
19 votes
5 answers
30k views

Style custom columns in admin panels (especially to adjust column cell widths)

I am using Wordpress as a CMS for a project which makes extensive use of custom post types. I need to display columns in admin panels for each custom post type in a different way. I've already ...
unfulvio's user avatar
  • 1,814
19 votes
4 answers
2k views

Customizing a WordPress theme without changing it?

I have found and downloaded a theme. However I want to tweak the CSS some to change the design, colours etc. a bit. How should I go about doing this, while still being able to update the theme without ...
user avatar
16 votes
7 answers
28k views

Attributing a version number to a child theme's main stylesheet

In header.php, I like to attribute a version number to the stylesheet so that the browser gets forced to refresh it. But when working with a child theme, its stylesheet is not explicitely called, ...
drake035's user avatar
  • 1,167
16 votes
4 answers
9k views

Remove Open Sans from Twenty Twelve theme

I´m creating a child theme for Twenty Twelve v1.0 and I want to remove the Open Sans font. Open Sans is added in Twenty Twelve´s functions.php: wp_enqueue_style( 'twentytwelve-fonts', add_query_arg(...
Mattvic's user avatar
  • 929
15 votes
9 answers
9k views

Adding first / last CSS classes to menus

is that possible, without javascript hacks? like this: <ul class="my_menu"> <li class="first"> ... </li> <li> ... </li> <li> ... </li> <li class"...
Alex's user avatar
  • 1,081
15 votes
4 answers
53k views

How to change version of .css in WordPress?

Like the title suggests, I'm not too sure how to change the version of a .css file in my theme. At the moment the .css versioning is like this: <link rel='stylesheet' id='xxxx' href='https://www....
Henry's user avatar
  • 983
15 votes
5 answers
11k views

Solutions for generating dynamic javascript / CSS

Let's say you need to generate javascript or CSS code that depends on the current context. For example you have a form on the homepage that fires an ajax request on submit, and a different form on ...
onetrickpony's user avatar
  • 13.6k
14 votes
3 answers
23k views

Wordpress admin stylesheet

Is there a way to override the styles in the admin in my theme? I don't want to touch the admin style sheet if I don't have to. I just want to make a column bigger in my admin, but also, to do it in ...
redconservatory's user avatar
14 votes
3 answers
49k views

how do I queue my Child stylesheet/s *after* every Parent stylesheet/statement?

I'm using the well-written Oenology theme by Chip Bennett as the Parent to my own Child theme. In my development process, I've discovered that there are some challenges for people writing Child themes ...
Gregory's user avatar
  • 569
14 votes
3 answers
25k views

How to add a custom CSS class to core blocks in Gutenberg editor?

I'm trying to add a class to list blocks (core/list) in Gutenberg. Unfortunately, it looks like because some blocks like lists and paragraphs don't have the standard default class name of wp-block-{...
Trevor's user avatar
  • 717
13 votes
8 answers
142k views

Disable SSL / HTTPS for wordpress

I've installed WordPress and setup the database. I go to the address and the setup page is there, but no CSS. I think: something's wrong, but if I just do the setup maybe everything will just go back ...
cCe.jbc's user avatar
  • 131
13 votes
2 answers
22k views

How to load scripts/styles specific for a page

I know that according default Wordpress boot process, firstly functions.php is called, after that goes all theme stuff. But I am currently going to refactor my theme completely to optimize it. My ...
CROSP's user avatar
  • 437
13 votes
2 answers
23k views

How to add sub-menu to a menu generated by wp_nav_menu by using plugin

I have a menu generated by wp_nav_menu which look like <ul class="nav-menu" id="menu-top-nav"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43" id="menu-...
Tahir Yasin's user avatar
12 votes
4 answers
7k views

Enqueue Google Web Fonts Without Messing Up Symbols In URL

Enqueuing Google Web Fonts the usual way, i.e., using the wp_enqueue_style function like so... function wpse_google_webfonts() { wp_enqueue_style( 'google-webfonts', 'http://fonts.googleapis.com/...
its_me's user avatar
  • 4,511
12 votes
5 answers
12k views

Forcing reload of editor-style.css

Is there a method to force the refresh of editor-style.css, when I change manually the stylesheet for the TinyMCE editor? Modification doesn't show immediately but they will be cached in the admin ...
keatch's user avatar
  • 2,585
12 votes
2 answers
25k views

Inbuilt style for jquery-ui-datepicker

I want to use the datepicker that gets bundled with WordPress on the front end of a website. I enqueued jquery-ui-datepicker but the datepicker isn't styled(no js error in console). Is there a ...
RRikesh's user avatar
  • 5,635
11 votes
6 answers
34k views

WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]

I am having an issue with the WordPress admin bar overlapping the Twitter Bootstrap (2.3.0) nav bar. I have tried this fix: body.admin-bar .navbar-fixed-top { top: 28px; } .navbar .brand { ...
TheWebs's user avatar
  • 1,095
11 votes
4 answers
34k views

Child themes CSS priority problems without using !important

I changed my WordPress site to use child themes, but the parent theme style has priority over any change I make on the child theme CSS. I can work around it using !important, however this is a patchy ...
Dharkov's user avatar
  • 113
11 votes
4 answers
33k views

Why is style.css not being enqueued?

I got a pretty basic theme and just found out my style.css file doesn't get loaded into the <head>. I already searched around but can't find out, why it's not loading. I inspected the global $...
kaiser's user avatar
  • 50.6k
11 votes
4 answers
6k views

Do I actually need to link my theme's style.css in the theme files

So I am developing a wordpress theme using a series of LESS files for the CSS. These compile using codekit to a combined and minifed stylesheet that I use for the theme's styling. I understand a ...
harryg's user avatar
  • 753
11 votes
2 answers
2k views

show classes as dropdown in guttenberg`s additional css classes input box

I have set some css classes for the boxes in the Gutenberg editor, and I can type it in the additional css input box, it is not a problem for me, but for the client it is not convenient, because he ...
Botond Vajna's user avatar
11 votes
3 answers
22k views

How to conditionally enqueue a stylesheet only for a certain page(s)?

Before I get started, I want to acknowledge that there are some really good articles that are targeted at how to conditionally enqueue scripts based on page/post content. WordPress Plugin Development ...
Evan Mattson's user avatar
10 votes
1 answer
6k views

Enqueue a stylesheet for login page and make it appear in head element

I try to style the login page in my theme. Very simple: add_action( 'login_enqueue_scripts', function() { wp_enqueue_style( 'TEST', get_template_directory_uri() . '/css/login.css' ); }); ...
fuxia's user avatar
  • 107k
10 votes
8 answers
13k views

Are there Gutenberg container blocks?

In web design, a key design element is the container that may contain various other content and blocks and is styled in CSS. Is there a Gutenberg container block that may contain other blocks? If so,...
Wes Modes's user avatar
  • 205
10 votes
1 answer
21k views

How to enqueue style before style.css

How do I enqueue a .css file before style.css is loaded? Or make the default style.css dependant on another .css file? I'm trying to load a .css reset, which style.css would overwrite. Here's what I ...
vonholmes's user avatar
  • 159
10 votes
1 answer
9k views

wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i'm confused

I've been reading up a bit on this subject, but the more I read - the more confused I get. Can someone explain to me in short what's the exact difference between wp_enqueue_scripts, ...
ptriek's user avatar
  • 857
10 votes
1 answer
8k views

Restricting a Plugin to Only Load its CSS and JS on Selected Pages?

I'd like to cause a plugin to restrict its loading of CSS stylesheets and JavaScript JS files to only those pages for which they are needed. An example for my question is the plugin Contact Form 7 ...
Tal Galili's user avatar
  • 1,833
9 votes
3 answers
7k views

CSS classes for theme

Does anybody know predefined (suggested by WP) CSS classes which should I use in my theme? I have seen somewhere in Internet a list of all CSS classes, which are used in WP theme, but can't find it. ...
Eugene Manuilov's user avatar
9 votes
8 answers
14k views

How to add stylesheets only to pages with specific shortcode?

I'm running a function on pages where the shortcode [make-me-a-map] is used. It enqueues javascript to the page and makes a map. That part works fine (woot!) but I'm having trouble with adding the ...
Padraic's user avatar
  • 93
9 votes
2 answers
58k views

Style something only on the home page

I am relatively new to Wordpress, but I'm sure there's a way to do what I'd like to do. I have a container in my template, and on the home page I'd like to specify slightly different padding to this ...
MrS1ck's user avatar
  • 93
9 votes
4 answers
317 views

This CSS Stuffing Works, But Is This A Good Practice?

I am trying to include a dynamic css in my plugin, I have been searching anywhere but doesn't find any case that is similar to what I do. And what I use to do it is by adding a css file directly into ...
Ari's user avatar
  • 1,177

1
2 3 4 5
57