CSS for headlines (H3 - H1) in WRAP

[londoss]

Description

Headlines lvl 3 - 1 always keeps margins even if userstyle.css active

Steps to reproduce

1. Install WRAP plugin
2. Use userstyle.css https://deseng.ryerson.ca/dokuwiki/wiki:content_blocks_with_wrap
3. Set on site

<WRAP announcement left blue round 100%> ==== Very important ==== Some text </WRAP>

Expected behavior: Headline should be on the top of the box for all levels of headline.

Actual behavior: Headlines of level H3-H1 alway keep margin - seems like 1.5em

Versions

• [Bootstrap3 Template] latest
• [DokuWiki] Greebo
• [Plugins] WRAP
• [PHP] userstyle.css
• [Browser] Chrome latest

Screenshots or Logs

Sample page or snippet

userstyle.css

/* FONT SIZES */ .dokuwiki div.wrap_smaller { font-size: 90%; } .dokuwiki div.wrap_smallest { font-size: 80%; } .dokuwiki div.wrap_larger { font-size: 110%; } .dokuwiki div.wrap_largest {font-size: 120%; }

/* CONTAINER CLASS FOR ANNOUNCEMENTS & DEFAULT COLOURS*/ .dokuwiki div.wrap_announcement { padding: 10px 10px 10px; margin-bottom: 1.5em; overflow: hidden; background-color: #eeeeee; border: 2px solid #bbbbbb; }

/* DEFAULT COLOURS & MODS FOR HEADINGS IN ANNOUNCEMENTS. */ .dokuwiki div.wrap_announcement h1, .dokuwiki div.wrap_announcement h2, .dokuwiki div.wrap_announcement h3, .dokuwiki div.wrap_announcement h4, .dokuwiki div.wrap_announcement h5 { padding: 5px 10px 0px; margin: -10px -10px 10px; border: 0; color: #000000; background-color: #bbbbbb; }

/* ANNOUNCEMENT COLORS */ .dokuwiki div.wrap_green { background-color: #f6fff0; border: 2px solid #DEF2CF; } .dokuwiki div.wrap_blue { background-color: #f0f8ff; border: 2px solid #D9E5FD; } .dokuwiki div.wrap_orange { background-color: #fff9f6; border: 2px solid #FEECBD; } .dokuwiki div.wrap_red { background-color: #FFF5F5; border: 2px solid #FED1CD; } .dokuwiki div.wrap_yellow { background-color: #fffff0; border: 2px solid #F8F8B4; } .dokuwiki div.wrap_purple { background-color: #fff0ff; border: 2px solid #FCD9F1; } .dokuwiki div.wrap_aqua { background-color: #f0fffa; border: 2px solid #CEE5EE; }

/* COLOUR MODS FOR HEADINGS IN ANNOUNCEMENTS. */ .dokuwiki div.wrap_green h1, .dokuwiki div.wrap_green h2, .dokuwiki div.wrap_green h3, .dokuwiki div.wrap_green h4, .dokuwiki div.wrap_green h5 { background-color: #DEF2CF; }

.dokuwiki div.wrap_blue h1, .dokuwiki div.wrap_blue h2, .dokuwiki div.wrap_blue h3, .dokuwiki div.wrap_blue h4, .dokuwiki div.wrap_blue h5 { background-color: #D9E5FD; }

.dokuwiki div.wrap_orange h1, .dokuwiki div.wrap_orange h2, .dokuwiki div.wrap_orange h3, .dokuwiki div.wrap_orange h4, .dokuwiki div.wrap_orange h5 { background-color: #FEECBD; }

.dokuwiki div.wrap_red h1, .dokuwiki div.wrap_red h2, .dokuwiki div.wrap_red h3, .dokuwiki div.wrap_red h4, .dokuwiki div.wrap_red h5 { background-color: #FED1CD; }

.dokuwiki div.wrap_yellow h1, .dokuwiki div.wrap_yellow h2, .dokuwiki div.wrap_yellow h3, .dokuwiki div.wrap_yellow h4, .dokuwiki div.wrap_yellow h5 { background-color: #F8F8B4; }

.dokuwiki div.wrap_purple h1, .dokuwiki div.wrap_purple h2, .dokuwiki div.wrap_purple h3, .dokuwiki div.wrap_purple h4, .dokuwiki div.wrap_purple h5 { background-color: #FCD9F1; }

.dokuwiki div.wrap_aqua h1, .dokuwiki div.wrap_aqua h2, .dokuwiki div.wrap_aqua h3, .dokuwiki div.wrap_aqua h4, .dokuwiki div.wrap_aqua h5 { background-color: #CEE5EE; }

[phy25]

Have you tried !important?

[londoss]

Have you tried !important?

Hi there. Same problem in important H3-H1 leaves margin to the top