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.

learn more… | top users | synonyms

12
votes
1answer
3k 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 ...
12
votes
3answers
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 ...
5
votes
1answer
3k 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' ); }); ...
13
votes
4answers
10k 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 ...
18
votes
5answers
16k views

best way to overide plugin CSS?

currently, I use CSS specificity to override plugin styles. I prefer this to editing the plugin as it makes for less headaches when you update. What would be nice is if my style sheet loaded after ...
7
votes
1answer
4k 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 ...
8
votes
3answers
12k 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() ...
6
votes
2answers
7k views

How do I load a CSS style into WordPress admin area only?

I'm trying to load a CSS file for my WordPress post area, but having no luck. I have read over the wp_enqueue_style function and came up with the code below, but it doesn't load up. Is there a tag or ...
17
votes
4answers
2k 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: ...
3
votes
2answers
869 views

Modify CSS via Theme Control Panel

Hi to all I'm trying to create an advanced control panel for my first Wordpress template but I'm not able to add a function that I will need. The function that I'm trying to add is the possibility to ...
11
votes
3answers
29k 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 ...
6
votes
1answer
7k 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 ...
0
votes
2answers
233 views

How to link to a alternative page in CSS

I have a wordpress site and I want to be able to completely change a page that is displayed based on the browser size in my Custom CSS, so that if it is over 1500 pixels it loads a completely ...
-1
votes
2answers
2k views

Changing CSS in Twenty Eleven to change font size of body text

How do I alter the CSS of Twenty Eleven so that all the body text in posts and on pages is bigger? And is the change I make for this in the files on my server, or through the browser in the Admin ...
10
votes
9answers
5k 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 ...
3
votes
2answers
566 views

Add a preview to a Wordpress Control Panel

I'm trying to create a new wordpress template and inside it I added a Control Panel, inside this control panel there is an option that allows user to choose where he want's to place a on a map, I try ...
0
votes
2answers
2k views

adding a custom css class to post

essentially I need to be able to add a class to a post when it show in the list (say index.php) so when in the back end you can say oneCol, twoCol, threeCol and it will then output this within the ...
5
votes
2answers
4k views

How to customize the default HTML for Wordpress Attachments

I'm using Wordpress 3.0.1 (most recent as of now) and working around the Whiteboard theme. It seems that for attachments (images, specifically), Wordpress generates the HTML automatically and it ...
2
votes
2answers
415 views

Add class to before_widget for all widgets with a dropdown and a counter

Some predefined widgets offer the option to use a select element (dropdown) and/or a counter after each entry. How can I add the CSS classes widget-with-dropdown or widget-with-counters to these ...
2
votes
2answers
1k views

wp_tag_cloud inline CSS

I am using wp_tag_cloud but my problem is the inline CSS (for the font-size). I am doing RWD so I need full control of my markup/css. As I saw there is no property that will make it go away, so I ...
1
vote
1answer
200 views

Making WordPress Gallery (.gallery-item) Responsive?

Shortcode for Gallery: [gallery link="file" columns="5" size="medium"] I’m using a 5 column gallery on an inner page of a website, obviously when the site responds down to mobile and even tablet ...
1
vote
6answers
4k views

How to start learning CSS and theme development?

What would be your suggestions for learning CSS and WordPress theme development ? I have been using WordPress for over 4 years now, but I have never really gotten comfortable with CSS or theme design ...
0
votes
1answer
3k views

How to style a specific nav menu item?

I have a site, which now have a new registration form and I want to highlight it by blinking the menu item. you can see the site here. I wan to blink "Registration for seminar" item. I am using ...
0
votes
3answers
5k views

Why won't child theme's style.css override plugin's css

I am using my own child theme for twentyeleven, and I've made some changes to some plugin's css classes in my child style.css. The problem I'm having is that if I add a new css attribute to a class ...
-2
votes
2answers
2k views

PageLines theme: how to change the background color of the main content vs. entire page?

I use PageLines free version, with WordPress 3.3.1, for this website: http://new.teleosis.org/?page_id=76 I want the background color of the whole page to be light green, and the background color of ...
3
votes
1answer
494 views

How to apply a class to the second word in menu list item?

I want to apply a class to a word in my menu. For example, say I have a list item in my menu called "My Item". I would like to apply a class to the word "Item" so that I can style it anyway I want. ...
1
vote
1answer
442 views

Adding dashicon fonts to the admin of pre 3.8 installs

I've started using the dashicon fonts in my theme options page for WP 3.8+ users. To take care of users on < 3.8, I've added the dashicon fonts to my theme folder and also an entry at the top of my ...
1
vote
1answer
152 views

Big side banners

I would like to have a big header side advertisements like this: What is the best way to achieve that?
0
votes
2answers
236 views

Hide a Menu Item on Login

I am using the following code to hide a menu item when a customer is not logged and show it when a customer is logged in. .hide-item-not-login{ display: none !important; } .logged-in ...
-1
votes
1answer
41 views

How can I make content disappear when a user logs in?

I am working in Wordpress, and I would like to make certain elements disappear once a user logs in. How can I do this? I have social icons on my page that I positioned to the center of my menu bar at ...
19
votes
5answers
13k 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 ...
11
votes
4answers
5k 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 ...
18
votes
7answers
22k views

How do you avoid caching during development?

Is there a simple way do 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 ...
4
votes
3answers
10k 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 ...
2
votes
5answers
4k views

Customizing wp-activate.php

Does anyone know how I can customise wp-activate.php? It wraps the content in <div id="content" class="widecolumn">, however in my theme the main wrapper is <div id="main"> Presumably, I ...
1
vote
3answers
2k views

Best way to inject css into admin_head in plugins?

I'm looking for the best way to inject CSS into WordPress' Admin CP. Currently, I'm using the admin_head action hook and in this hook, I'm using dirname( __FILE__ ) to retrieve the directory for the ...
8
votes
1answer
3k 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, ...
1
vote
3answers
954 views

Override CSS settings of plugins

I want to override my plugin CSS settings, but I can't do that in my style.css file, because the plugin CSS gets loaded after. Is there a way of getting style to be applied to override plugin CSS?
1
vote
3answers
1k views

Best approach for loading a sidebar Only if the screen max-width is >900px?

I have been playing around with media queries quite a bit lately and I love the concept. It is so easy to display images or change div floats depending upon what the users screen max-width is. I'm ...
7
votes
1answer
642 views

Assign a Class to the Current “Tag” for Formatting

Essentially what I am hoping to replicate is something like the "current-menu-item" class that is applied to WP Menus. My client is wanting to use Tags as a sub-nav, and I've managed to get the tags ...
6
votes
2answers
3k views

How to add a “last” class to the last post in loop.php?

I need to add a "last" class to the last post that appears in loop.php. Can someone tell me how to accomplish this?
4
votes
2answers
3k 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 ...
2
votes
1answer
2k views

Theme Customizer - Dynamic CSS PHP File

I've recently switched over from using a custom class to enable a theme options panel to the built in Theme Customizer in Wordpress. All is going fairly well - I've got live preview working but I'm a ...
2
votes
1answer
6k views

How do I cleanly override a plugin's CSS with a child theme?

I have taken it upon myself to adhere to WordPress conventions so I can have a clean, sexy child theme. However, I am unsure how to proceed on a certain issue. I would like to override the CSS for ...
2
votes
2answers
1k views

Twitter Bootstrap Use Collapse in Custom Post Type

I am using Bootstrap with Wordpress and I want to implement the collapse functionality in the content for single pages of a specific custom post type. I know I could create a shortcode, however, ...
2
votes
2answers
3k views

how to make stylesheet appear in theme editor?

I have a stylesheet in my theme in the css subdir of the theme dir (css/style.css). The question is how to make this .css file appear in the theme editor of the WordPress admin. (I know using the web ...
1
vote
2answers
2k views

wp enqueue style and style sheet depth

How could I add a style sheet at the bottom of the <head> tag, so if there´s a need to override some other styles added before, it will override. I heard something about wp_enqueue_style, and ...
1
vote
1answer
134 views

IE and WordPress

I'm developing a WordPress based website. Using latest version of WordPress and Genesis theme. I've to use a seperate stylesheet for IE, how can I add that? Sorry for this silly question, I'm new in ...
1
vote
1answer
2k views

Include CSS with PHP without including wp-load?

I have a CSS-file generated from PHP. In my file it says... header("Content-type: text/css"); define('WP_USE_THEMES', false); include '../../../../wp-load.php'; I've read that including ...
0
votes
1answer
39 views

Is it possible to be more page/post specific with admin_enqueue_script?

I am using this code to load a stylesheet in the admin, but only on post.php related pages: function my_enqueue_for_post_pages_only($hook) { if( 'post.php' != $hook ) return; ...