[Kaylee Skylyn]

Not sure if this or the Kobo forum is the right place...but ended up with here. I like the chapter headings that have the small "Chapter" with the large # like in White Fang from Feedbooks (that comes default on Aldiko). Anyhow the problem is on my Kobo it is currently coming out wrong. The chapter is lowered but the number is small and way to high. Also looks fine/as intended in Calibre. See attachment with my Kobo on the left (displaying it incorrectly) and my cell with Aldiko on the right (displaying it correctly).

Is there a code solution or is it a Kobo issue that can't be corrected?

(apologies if its been raised before...I've been away for some time and only just trying to address this now, thought it was a mistake I made coding a book until I loaded White Fang and it also looked this way)

Edit: Forgot the code:

<h2><span class="chapterHeader"><span class=
"translation">Chapter</span> <span class="count">1</span></span>

and in the CSS:

h2 {
  padding-top:0;
  display:block;}

.chapterHeader {
  height:60px;
  border:1px solid #000;
  display:block;
  margin-bottom:20px;
  background-color:#FFF;}
  
.chapterHeader .translation {
  float:left;
  font-weight: normal;
  margin-top:38px;
  margin-left: -8px;
  margin-bottom: 0px;
  padding-right: 16px;
  padding-left: 5px ;
  padding-bottom: 0px;
  padding-top: 0px;
  font-size:26px;
  background-color:#FFF;}
                             
.chapterHeader .count {
  line-height: 100%;
  font-style:normal;
  font-weight: normal;
  text-transform:uppercase;
  font-size:94px;
  margin-right:18px;
  margin-top:-14px;
  margin-bottom: -20px;
  float:left;
  padding:0px;
  background-color:#FFF;}