[Top][All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
Re: [O] Apply custom CSS class to headings in HTML export?
From: |
Juan Pechiar |
Subject: |
Re: [O] Apply custom CSS class to headings in HTML export? |
Date: |
Thu, 31 Mar 2011 20:27:54 -0300 |
User-agent: |
Mutt/1.5.20 (2009-06-14) |
You can add custom styles via properties:
In order to add styles to a subtree, use the :HTML_CONTAINER_CLASS:
property to assign a class to the tree. In order to specify CSS styles
for a particular headline, you can use the id specified in a
:CUSTOM_ID: property.
http://orgmode.org/manual/CSS-support.html#CSS-support
So you should do something like:
#+begin_example org
* Top heading
** Resource
:PROPERTIES:
:HTML_CONTAINER_CLASS: resource
:END:
#+end_example
This exports as
#+begin_example html
<div ... class="outline-2 resource">
<h2>Resource</h2>
...
#+end_example
So you can define styles thus:
#+begin_example css
div.resource h2 { font: comic_sans_forever; }
#+end_example
regards,
.j.
On Thu, Mar 31, 2011 at 06:46:45PM -0400, Uriel Avalos wrote:
> Suppose that you export the following document to HTML:
>
> * Heading 1
> ** Heading 2
>
> The HTML structure is pretty much the following:
>
> div class=outline-2
> h2 Heading 1
> div class=outline-text-2
> div class=outline-3
> h3 Heading 2
>
> Is there a way to apply a custom CSS class to the:
>
> 1. containing div (outline-2)?
> 2. heading itself (h2)?
> 3. text inside of the heading (outline-3)?
>
> Why? Suppose you have the following document
>
> * Heading 1
> ** Resources
> ** Answers
> * Heading 2
> ** Quiz
> ** Resources
> ** Answers
>
> You need to apply a different style to the Resources and
> Quizzes. Unfortunately, these don't always appear in an
> outline and they don't always appear in the same order. It
> is infinitely easier to use a custom CSS class with each
> heading.