Extra – Superblogger Introtext and Image CSS

OK, I have been reading through both the Joomlaworks forums and the Rockettheme forum and it appears that a number of people are having the same problem with respect to their Introtext formatting and the spacing and background color of their image files within the Refraction template. After much trial and error, I managed to get my blog formatting back to where it is supposed to be…with a few minor tweaks left to go. Here’s what I did (forgive my shorthand):

/templates/rt_refraction_j15/css/template.css | line 500
from 90% to 70%
This was to get my Sharethis button to fit in with the other links in the bar just
below the title. I'm not using the font size buttons.
/templates/rt_refraction_j15/html/jw_superblogger/css/template.css | removed this from line 92
font-size:16px;line-height:120%;padding:0 0 8px 0;margin:0 0 8px 0;border-bottom:1px dotted #ccc;
As per Fotis at Joomlaworks - http://forum.joomlaworks.gr/index.php?topic=8352.0
/templates/rt_refraction_j15/html/jw_superblogger/css/template.css | removed from line 96 
float:right;margin:0 0 8px 8px;padding:0;
Also as per Fotis
/templates/rt_refraction_j15/css/template.css | line 502
from 125% to 100%
This was to get the introtext font size to be the same as the rest of the article.
/templates/rt_refraction_j15/css/styles.css | removed from line 295 
border-bottom:1px dotted #ddd;color:#333;
This gets rid of the dotted line that Superblogger inserts for the read more spacer 
when viewing the full article.
/templates/rt_refraction_j15/html/jw_superblogger/css/template.css | line 90 
from 8px 0 to 0px 0;
This helped with the spacing of copy and images below the "Bookmark...Comments" bar.
/templates/rt_refraction_j15/html/jw_superblogger/css/template.css | Added these lines
#main-background div.articleListingImage img {background:none !important; padding: 1px 0 0 !important;}
#main-background div.sbArticleImage img {background:none !important; padding: 5px 0 0 !important;}
This is the clincher. Add these two lines and your image background and spacing 
issues should be resolved.

Naturally, this is just what I did for my site so you’ll have to use Firebug to do your own trial and error. And for all of you that are griping about formatting and conflicts, let’s all remember that the team at Joomlaworks is working hard on their next release so make do with a bit of your own labour and be grateful that an extension like this finally exists.