Questions tagged [stylesheet]

A web style sheet is a form of separation of presentation and content for web design in which the markup (i.e., HTML or XHTML) of a webpage contains the page's semantic content and structure, but does not define its visual layout (style). Instead, the style is defined in an external style sheet file using a style sheet language such as CSS or XSLT.

Filter by
Sorted by
Tagged with
28
votes
3answers
92k 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 ...
20
votes
2answers
44k 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-...
19
votes
3answers
3k 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 ...
11
votes
3answers
39k 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 ...
10
votes
4answers
5k 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 ...
9
votes
6answers
14k 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, ...
9
votes
1answer
19k 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 ...
8
votes
6answers
39k 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 ...
7
votes
4answers
6k 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/...
7
votes
9answers
20k views

How can I version the main CSS file?

How can I instruct wordpress to use a filename other than 'styles.css' for my main stylesheet - for example, styles-1.css? I'd like to do this for versioning and caching purposes.
7
votes
2answers
8k views

Generating CSS Files Dynamically Using PHP Scripts?

As part of my efforts to speed up my themes for my clients I am delivering my CSS via a dynamic PHP file. At the end of the called for example my_theme_css.php: This allows me to add Expiry headers ...
7
votes
8answers
9k 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 ...
7
votes
2answers
2k 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('...
6
votes
1answer
2k views

Enqueue Stylesheets After Theme's “rtl.css”

I am currently developing a theme with internationalization support, and would like to load stylesheets after my theme's rtl.css (an alternative style.css loaded for languages with a right-to-left ...
6
votes
2answers
1k views

Style reply form different than comment form

Is there a way to display (css and html) in a different way the "reply" form and the main "comment" form?
6
votes
1answer
1k views

How to work with custom styles saved in theme option?

I am creating a theme where user can save custom styles from theme customizer through settings API. Those style info are saved in options table as serialized data. When Custom skin is active I will ...
6
votes
1answer
2k views

Is it possible to bold certain words in a post title?

I guess I would like to be able to include HTML tags within the title so that when the title is listed certain words are bolded. Is this possible? When I try to put HTML into the title, the tag ...
5
votes
3answers
16k views

Why is the Child Theme Stylesheet Not Loading?

I'm using the HashOne theme and created a child theme in order to make various color changes to our website. However, the changes I've made to the child theme stylesheet are only taking place in the ...
5
votes
3answers
3k views

Avoid to load default WP styles in login screen

Is there some way to avoid the load of default WordPress styles in login screen to only load my custom stylesheets? Actually I'm using this code: function login_styles() { // Sets the styles if ...
5
votes
1answer
5k views

How to use wp_dequeue_style() for style enqueued in WP_Widget class

I've got a plugin that makes a widget that enqueues some front-end CSS to style the widdget. I call wp_enqueue_style from the public widget() method in the extended WP_Widget class: <?php class ...
4
votes
7answers
8k views

Can I add styles to footer with $wp_styles->add_data?

I'm working on a script to easily move js and css scripts to the footer using the add_data function in $wp_scripts and $wp_styles. I know for scripts that if the group is greater than 0 the script ...
4
votes
3answers
20k views

Hook 'wp_enqueue_scripts' priority has no effect

In a theme I am working there are up to 3 Stylesheets. I am using the hook 'wp_enqueue_scripts'. The order of the stylesheets is important for overwriting styles. I have a code like this: add_action('...
4
votes
2answers
10k views

How to remove all styles for certain page template?

I know how to create child themes and page templates. I have a child theme of Salient called Salient-Child, and I have a page template called blankPage.php. For all pages that use this template, I ...
4
votes
3answers
2k views

How can I reduce the amount of files loaded/included per plugin?

I have a Wordpress site that uses several plugins, namely 8. Most of these plugins include a lot of their own JS and CSS files, some even include so much as 3 separate CSS files. One can imagine that ...
4
votes
2answers
4k views

How to add extra attribute to stylesheet link?

Following Keith Clarks advice, i'd like to load my fonts asynchronously. I try to achieve that by adding: wp_enqueue_style( 'font-awesome', URI . '/fonts/font-awesome/css/font-awesome.min.css' ); ...
4
votes
1answer
431 views

How to modify/extend/override a core method?

This is my first post. In advance, thank you for welcoming me... Context When you enqueue style, you can output your css link into conditional comments. global $wp_styles; wp_enqueue_style("...
4
votes
2answers
171 views

How to edit an existing WordPress theme? [closed]

I've been hired to modify/update/change an existing WordPress theme. The site is already live, and I'm wondering how to work on the theme locally first.
3
votes
2answers
4k views

When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]

I'm updating my self-built theme to HTML5, and easily made a number of changes already. My theme's sole stylesheet is added to the page head via wp_enqueue_style in the functions.php file, as follows:...
3
votes
3answers
533 views

Stylesheet switching and caching

I'm implementing a site that allows users to switch stylesheets (to show a high contrast version for people with vision impairments). The switcher essentially just changes the <link>ref to ...
3
votes
1answer
3k views

bloginfo('stylesheet_directory') vs. get_stylesheet_directory_uri() and include('file.php') vs. get_template_part()

In my custom theme I'm using <img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.jpg"/> to load my custom logo. I'm using a custom sidebar for front-page.php and that's why I ...
3
votes
2answers
3k views

How to implement different color schemes in your themes

This question is for theme developers. I know how to use the settings API to gather input data, but I was wondering what's the best way include the styles. Let's say you have 4-5 versions of the ...
3
votes
1answer
322 views

TinyMCE custom stylesheets for different post types

I use a custom stylesheet for TinyMCE, by placing custom styles in editor-style.css in my theme's directory. I am trying to figure out how to use a different stylesheet depending on what post type we ...
3
votes
2answers
6k 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 ...
3
votes
0answers
142 views

Change Theme from Plugin based on query_vars

I'm working from about 4 months on developing a Plugin. This plugin make in a page an entire app, using the powerful of Wordpress. So, I've decided to create a serires of rewrite rules using command ...
2
votes
2answers
2k views

Style.css in child theme is loaded before Bootstrap

When I enqueue Bootstrap with wp_enqueue_style(), Bootstrap is loaded after the child theme's style.css and will override style.css. One way to load style.css after Bootstrap is to enqueue style.css ...
2
votes
3answers
860 views

Exclude stylesheet from admin

I have been using the following function to enqueue some CSS to my theme. However, they are used in the admin area as well: wp_enqueue_style(...) I don't want them to be used in the admin area. ...
2
votes
1answer
4k views

Enqueue styles after a plugin

Is there a way to enqueue my style.css (and other stylesheets) AFTER a certain plugin enqueues its styles? Specifically, I want my style.css to overwrite cforms's styles, but when I change the ...
2
votes
1answer
3k views

wp_enqueue_style built in styles

I'm writing (rewriting) my plugin to use wp_enqueue_script('jquery'); wp_enqueue_script('jquery-ui-dialog'); Which is great! But to use the dialog I need to load a jquery style sheet with ...
2
votes
2answers
8k views

wp_head() not inserting the default stylesheet style.css

I have a custom theme with just a name in its style.css. I've activated it in admin which shows it just fine. In the index.php just <?php wp_head(); ?> and it doesn't output the line that is ...
2
votes
2answers
4k views

Override custom menu widget

I would like to override some mark-up and css (like <div class="soma_container"><ul class=""></ul></div>)styling on a chosen custom menu widget. How would I do that? Should be ...
2
votes
1answer
4k views

How do I register a stylesheet inside a WordPress widget?

I'm developing a WordPress widget following Dave Clements tutorial. It works well. Now I want to add some styles to it. I want the styles to be in an extra css file which will be loaded during runtime....
2
votes
1answer
1k views

How To Add Perfect Apostrophe And Quotation Mark In WordPress Posts?

I have a blog at www.exeideas.com where I am sharing codes snippet too. I am new to WordPress and migrated from Blogger. So now my all codes shared in posts stop working. When I check my codes then ...
2
votes
2answers
4k views

How can I make new .css file in child theme override styles in child theme's style.css

I want to make a separate responsive.css file in my child theme but having trouble making the media queries override the styles in the child theme's default style.css. I've tried putting <link rel=...
2
votes
1answer
92 views

Overwrite CSS with without deleting it

I have some css in the theme that I am using, I want to keep the stock style.css without deleting any of it. I want to use my child-theme style.css to remove or hide some values of a class. I would ...
2
votes
2answers
1k views

add generated stylesheet from parent theme after child-themes style.css

I have a child-theme -> parent-theme setup, where I need to have stylesheet called generated.css loaded in addition to the style.css file added by the active child-theme. The generated.css file is ...
2
votes
1answer
863 views

Enqueued Stylesheet Version Number Not Being Appended

I have an issue with the child theme stylesheet being browser cached, and I need to dequeue/reregister, then re-enqueue with a timestamp for the version number. The dequeue then re-enqueue is working ...
2
votes
1answer
1k views

How to force stylesheet to load before anything else in header?

I need a stylesheet to be added to the header before anything else. That means before any styles or scripts that are automatically added by any of the plugins I'm also using. I figured I could add ...
2
votes
1answer
515 views

If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?

In updating to Wordpress 5.0.1 I noticed when examining my Sources from Chrome's DevTools that a new file and directory were created, a stylesheet named style.min.css in a dist directory: /wp-...
2
votes
2answers
20k views

Style the last element having a specific class [closed]

I have a code like this. <div class="slick"></div> <div class="slick active"></div> <div class="slick active"></div> <div class="slick active"></div> &...
2
votes
1answer
38 views

WordPress – site with 2 stylesheets and more…

I’m building a site that is broken up into two views (or sections): College and Corporate. » See it here When the College tab is active, the site will use college-styles.css (orange background) ...