Skip to main content
Extra – Superblogger Introtext and Image CSS

Extra – Superblogger Introtext and Image CSS

Posted on 06.07.2009

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.


Comments (3)

  • Quick update. Fotis at Joomlaworks suggested I not make these changes directly in the plugin. So I followed the documentation that he pointed me to.
    http://www.joomlaworks.gr/content/view/57/41/
    I have kept the code the same. I just copied the contents of the /tmpl folder over to my template/mytemplate/html/jw_superblogger/ folder. And then I restored the default files to the original /tmpl folder. Probably better to do it this way so that I don’t have any issues with updated from Joomlaworks removing my custom code.

    • Hi Kevin, I am having the exact same issues as you. I have tried to follow yours and Fotis’ suggestions, but I dont understand it all. Are you able to offer me any assistance with this?
      I am using SuperBlogger 1.2 with Refraction Template.

      • Hey iPhoneCulture,
        I’ve sent you an email. I am guessing that the solution to this problem is different depending on your site/template but I can take a crack at it if you’d like.
        Kevin

Comments are closed.