Pagination and Tooltips look awkward!

Pagination and Tooltips in SermonSpeaker

The pagination and tooltips used in SermonSpeaker are the standard Joomla ones. If they don't show correct, this means most likely that your template is missing styles for them. You will have to add CSS rules to your templates CSS file. I've put together some basic example CSS rules which should work:

Pagination

.pagination li {
    display: inline;
    margin: 0 2px;
    text-align: left;
}

Tooltip

.tip-wrap{
    z-index: 10000;
}
.tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
}
.tip-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../images/selector-arrow.png) no-repeat;
}
.tip-text {
   font-size: 100%;
   margin: 0;
}