I would like to do a minor change to the form in which articles are added, it's just a few lines of CSS. However drupal doesn't seem to load the stylesheets of my theme if the admin interface is used in non-overlay mode.  So is there a way to add CSS to the administration interface without touching the system stylesheets?
122413
Is there a way to override just some CSS rules used by the admin theme, without touching the admin theme itself (via some theme functions or module hooks)? For example, I'd like to add a text-align: right to every integer field in admin forms (and in edit nodes too).
21162
I am trying to style all the HTML elements by making a custom style sheet. Till now, i have succeeded in making only the radio-buttons and check-boxes.  is the link for the demo. I wanted to know what are the formal guidelines for UI designing while styling these controls so that they appear more clickable. And what more could be done to make the example more pleasant looking.
84253
I've got a stylesheet that will not, for whatever reason, apply list-style-type to a UL element. I'm using YUI's Grid CSS with their reset-fonts-grid.css file, which I know strips that out as part of the CSS reset.  After calling YUI, I call the stylesheet for the website and in there have a block for UL:  ul {list-style-type: disc;}   I've also tried setting it via list-style but get the same result. I know that the above CSS block is getting read as if I add things like padding or margins those do get applied. The style-type isn't showing up in either Firefox or IE.  The only other CSS I've applied to UL's are in a #nav div but that CSS doesn't touch the list-style-type, it uses the reset that YUI provided, and YUI and the site style sheet are the only two CSS sheets that are called.  I've also got FCKEditor on the admin side of the site and that editor does show the bullet styles so I know it has to be something with the CSS that isn't being filtered by FCKEditor.
94293
I'm try to add a stylesheet switcher.  This requires the following CSS files to be included on the site. &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles1.css&quot; title=&quot;styles1&quot; media=&quot;screen&quot; /&gt; &lt;link rel=&quot;alternate stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles2.css&quot; title=&quot;styles2&quot; media=&quot;screen&quot; /&gt; &lt;link rel=&quot;alternate stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles3.css&quot; title=&quot;styles3&quot; media=&quot;screen&quot; /&gt;  theme.info reference some CSS files. How can I a rel and title attributes? stylesheets[all][] = common/css/small.css stylesheets[all][] = common/css/medium.css stylesheets[all][] = common/css/large.css
29490
While nodes, comments, blocks and many other things in Drupal are themed using theme template files (like node.tpl.php), forms are a different story. There are no theme template files for forms. How can I get a particular form to use a custom theme template?
54856
When "themeing" modules, especially core modules, as far as I know it is a good idea to take the module specific tpl.php files, duplicate the ones you need, and modify them once they're in the relevant theme directory.  However, what if I want to modify a .inc file? Is it the same process as with tpl.php files, or is there a better workflow? Basically what I would like to do is change some of the user status messages found in user.admin.inc in the core Drupal 7 User module. I'm not sure if editing this file directly is a good idea. Thoughts?
10319
I have a simple page that has some iframe sections (to display RSS links). How can I apply the same CSS format from the main page to the page displayed in the iframe?
24403
By default, the web form is displayed with &lt;?php print drupal_render($form['submitted']); ?&gt; .  I need to make a small edit and add class="btn" to the submit button.  I can change its value with $form['actions']['submit']['#value'] = "click to become a member";  But I couldnt find a way to add the class.  Please help!  Thank you
41508
Here is an example of my *.info file.      Why the page cannot load the CSS that I add myself?
58700
I have a VF page built on Lightning Design system (LDS) framework. When I add the renderAs="PDF" attribute, pdf does not show the content with LDS CSS/Style.  Reference Link:   Note1: apex:page tag has all the usual attributes which is required for pdf *     (showHeader="false" sidebar="false" standardStylesheets="false"   docType="html-5.0" applyHtmlTag="false" applyBodyTag="false")   Note2: Salesforce supports external stylesheet. That is, CSS file stored in Static resource. Link of example:   I also copied the whole css content from the LDS CSS file (Path: 'assets/styles/salesforce-lightning-design-system-vf.min.css') and applied as inline CSS in VF page. But still, there is no luck.  My styleSheet is referred in VF page as below  apex:stylesheet value="{!URLFOR($Resource.SLDS221,      'assets/styles/salesforce-lightning-design-system-vf.min.css')}"   Page works absolutely fine if it is not rendered as PDF.  Any suggestions?
105061
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 reading order).  I am familiar with enqueueing my stylesheets and controlling their load order with dependencies using the wp_register_style() and wp_enqueue_style() functions, however rtl.css is loaded automatically by WordPress whenever the locale's language direction is rtl, and there doesn't seem to be a way to specify the stylesheet as a dependency.  I know I can conditionally enqueue stylesheets using the is_rtl() function, however  these stylesheets' &lt;link&gt; elements are still printed out before WordPress automatically prints rtl.css's. I could also simply manually insert &lt;link&gt;s to the stylesheets that I wish to depend on rtl.css right after the call to wp_head() in my theme's header.php file, but I believe it's bad practice to do so, and I would like my theme to be commercial quality.  How can I load stylesheets after WordPress loads rtl.css?
15393
I have just started to customize my Ubuntu a little bit and found the Arc-Dark theme to be exactly what I am looking for. There are some small things though. The color of the calendar on top is still white, and the font of the notifications and inside the calendar are off. This is what it looks like right now:  I would like to see the calendar being the same darker color, and maybe having the day numbers font in white. Also the font color of the search bar is off. There is text, but it is just as dark as the background.  It's only visible when you hover over the search bar.  How would I go about changing/tweaking these things? Or did I do something wrong during the installation? Edit: UnKNOWn has answered my question (accepted answer). The css-file was, in my instance, found at /usr/share/themes/Arc-Dark/gnome-shell/gnome-shell.css. I made the small changes to .calendar and .search-entry, saved the file (with sudo rights) and reloaded the theme by simply re-applying it with Gnome-Tweaks!
114215
I have my style.php file looking like this.  &lt;?php  header('Content-Type: text/css');?&gt; #div{     background:&lt;?php  echo get_option('bgcolor');?&gt;; }   This does not work, but when I do this it works.  &lt;?php  header('Content-Type: text/css');?&gt; #div{     background: &lt;?php  echo 'blue';?&gt;; }   What would be the problem?  This is the mainfile.php   &lt;?php       function test(){     global get_option('bgcolor');?&gt;          &lt;input type="text" id="bgcolor" name="post_popup_settings[bgcolor]" value="&lt;?php echo get_option('bgcolor');?&gt; " /&gt;     &lt;?php }     add_action('admin_head','test');   This is actually in the admin section.
17442
Is it possible to change styles of a div that resides inside an iframe on the page using CSS only?
46669
I have two simple functions that load stuff using  and , something like these:  function admin_custom_css() { wp_enqueue_style( 'stylesheet_name', 'stylesheet.css') };   function admin_custom_js  { wp_enqueue_script( 'javascript_file', 'script.js') };   ... and a few admin pages, created with  and   function my_menu() {    add_menu_page('Page 1', 'bar', 'something', 'else', 'foo');    add_submenu_page( 'theme_menu', 'Subpage 1', 'Subpage', 'something', 'else', 'foo');  } add_action('admin_menu', 'my_menu');    How do I load my two functions only on these pages?  Right now I'm using:  add_action('admin_init', 'admin_custom_css' );  add_action('admin_init', 'admin_custom_js' );     But it loads my files on every admin page, which is not nice at all.  Can I do this via one simple line in functions.php or have to enqueue them within my pages separately (I prefer the first option strongly, since I'd have to edit a lot of admin-page-creating-functions).  Thanks!
67931
I have a couple CSS files with overlapping CSS selectors that I'd like to programmatically merge (as in not just appending one file to the end of the other). Is there any tool to do this online? or a Firefox extension perhaps?
99354
I want to add the following code in my  section of the front page using a Drupal 8 sub theme of Bartik.   Can anybody help how to do it? What is the best way to do it in this new twig version of theme? Where is page.tpl?  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="stepcarousel.js"&gt;&lt;/script&gt;