In HTML export =code= appears too large compared to regular text

In HTML export =code= appears too large compared to regular text

[John Corless]

[-- Attachment #1: Type: text/plain, Size: 780 bytes --]

Hello,

I am interested in changing the appearance of =code= (or ~verbatim~ for
that matter) in HTML export.  In exporting the previous sentence with
default =C-c C-e b=, the words code and verbatim are much larger than
neighboring text.  Worg pages look much nicer (see examples on
http://orgmode.org/worg/), as do Wiki pages generated on Github with Gollum
(using org-mode as markup, see my simple example at
https://github.com/jdcorless/research-tools-notes/wiki/Emacs).  I would
like to get the same appearance in my regular HTML exports.

GNU Emacs 24.1.1
Org-mode version 7.8.11

I have tried searching org-mode manual, searching email archive, and
stackoverflow but have not been successful with this rather specific issue.

Thank you,

John D. Corless
jdcorless@gmail.com

[-- Attachment #2: Type: text/html, Size: 1080 bytes --]

Re: In HTML export =code= appears too large compared to regular text

[Bastien]

Hi John,

John Corless <jdcorless@gmail.com> writes:

> I am interested in changing the appearance of =code= (or ~verbatim~
> for that matter) in HTML export.  In exporting the previous sentence
> with default =C-c C-e b=, the words code and verbatim are much larger
> than neighboring text.  Worg pages look much nicer (see examples on 
> http://orgmode.org/worg/), as do Wiki pages generated on Github with
> Gollum (using org-mode as markup, see my simple example at https://
> github.com/jdcorless/research-tools-notes/wiki/Emacs).  I would like
> to get the same appearance in my regular HTML exports.

You need to customize the CSS for this.  You can try this:

(setq org-export-html-style
   "<style type="text/css">
    <![CDATA[
       p { font-weight: normal; color: gray; }
       h1 { color: black; }
      .title { text-align: center; }
      .todo, .timestamp-kwd { color: red; }
      .done { color: green; }
      code { font-size: 90%; }
    ]]>
   </style>")

-- 
 Bastien