adding a class to css file not showing
Ascenti0n - September 15, 2008 - 10:49
Hi all. I am building my site in D6 and using the excellent 'Framework' theme by Andre Griffin. I am now in the process of learning theming in D6. I added a simple class at the bottom of the CSS file:
**** class in CSS file *****
.teach-media {
border:1px solid #ccc;
height: 200px;
padding: 30px;
}**** html in node *****
<div class="teach-media">
<h1>hello</h1>
</div>The box defines in the class does not show up. What do I need to do (apart from learning the whole D6 theming process) to see this block show up?
Incidentally the class is displayed if I code it as an 'in-line' style right in the node.
it'd be much easier to
it'd be much easier to diagnose if you could provide a URL, but my guess is that this is an issue with your input format.
if you're using any input format other than Full HTML or PHP, the "class" attribute of your tag will be stripped out, and probably the "div" tag itself. (BUT, note that the Full HTML and PHP input formats have inherent security risks and should only be allowed for completely trusted users.)
is
<div class="teach-media">actually visible in the rendered source of your page? (view source and search for it.) if not, it's probably being caught in your input format's HTML filter.if it is and i'm on the wrong track, and you're using Firefox, i'd strongly recommend the Firebug add-on/extension. it's a lifesaver when trying to diagnose how multiple style sheets/rules are cascading together.
I found the answer to the
I found the answer to the problem in the theming handbook, and I'd thought I'd post it here in case it helps others.
Before that, I just want to thank arh1 his reply.
The answer turns out to be one a combination of the .info file and clearing the cache in: administer->site configuration->performance and clicking the 'clear cached data' at the bottom of the page.
Apparently, any changes made directly to a CSS file will not be reflected in the browser, until the cache is cleared with Drupal. So this will be a button that will be frequently clicked if dev'ing your style sheet within your Drupal site (local or remote).
-----------------------------------------------------------------------------------------------------------------------------------------
Give instruction to a wise man, and he will be still wiser; Teach a just man, and he will increase in learning.