Blog

  • 2024
  • 2023
  • 2022
  • 2021
  • 2020
  • 2019
  • 2018
  • 2017
  • 2016
  • 2015
  • 2014
  • 2013
  • 2012

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Add the following lines of CSS code to the text area:

...

Code Block

...

language
2
3
4
5
6
7
8
css
dl.mystyle{

...


}

...


dl.mystyle > dt {

...


  font-weight:

...

 bold;

...


}

...


dl.mystyle > dd {

...


  margin-left:

...

 1.6em;

...


}

...


This CSS code will render the definition data on a new line with a left margin (users of MediaWiki may be familiar with this style).

Configure the Macro

Now change the Definition List CSS Class parameter in the Definition List Macro:

image2014-8-31 22-41-31Image RemovedImage Added

And this is the result of the rendering after you saved your Confluence page:

image2014-8-31 22-46-10Image Removed

...

Image Added

Tip Box

You may choose to never use the default style called “meet”, but prefer your style as the default style. You can get this result by overriding the “meet” style within your stylesheet (as shown above) like this:

...

Code Block

...

language

...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
css
dl.meet

...

  padding: 0em;
}
  {
   padding :   0em ;
}
dl.meet > dt

...

  width: 100%;
 
  float: none;
  clear: none;
 
  text-align: left;
  font-weight: bold;
  color: black;
}
dl.meet > dd {
  margin: 0 0 0 1.6em;
  padding: 0 0 0 0;
  {
   width :   100% ;
 
   float :   none ;
   clear :   none ;
 
   text-align :   left ;
   font-weight :   bold ;
   color :   black ;
}
dl.meet > dd  {
   margin :   0   0   0   1.6em ;
   padding :   0   0   0   0 ;
}