[Plugin: CataBlog] Weird spacing problem with Catablog

  • Bontels

    (@bontels)


    13 years, 11 months ago

    Hi, my Catablog gallery seems to be displaying almost exactly the way I want it except for one minor but rather annoying CSS issue.

    Above every gallery item there appears to be maybe 10px of additional unwanted space. By using Google’s “Inspect element” tool I have worked out that it is being caused by the following property within the div class “catablog-row catablog-gallery”:

    .catablog-row { auto !important; }

    By turning off this CSS rule in the Inspect element tab, the vertical and horizontal spacing between gallery items appears to be identical, which is what I want.

    However it appears that this CSS rule is not being called from catablog.css, but line 47 of the HTML from the page that the gallery appears on. The section of HTML is as follows:

    <!-- CataBlog 1.6.3 LightBox Styles | http://catablog.illproductions.com/ -->
<style type='text/css'>
  .catablog-row {min-height:100px; height:auto !important; height:100px;} .catablog-image {width:100px;} .catablog-title {margin:0 0 0 110px !important;} .catablog-description {margin:0 0 0 110px; !important} .catablog-images-column {width:100px;}  .catablog-gallery.catablog-row {width:100px; height:100px;} .catablog-gallery.catablog-row .catablog-image {width:100px; height:100px;} .catablog-gallery.catablog-row .catablog-image img {width:100px; height:100px;} .catablog-gallery.catablog-row .catablog-title {width:90px;}
</style>

    So my question is, where is this CSS rule coming from? I haven’t inserted it myself and yet I cannot find it in catablog.css or even the admin CSS file.

    Any help is much appreciated – thanks!

    http://ww.wp.xz.cn/extend/plugins/catablog/

Viewing 1 replies (of 1 total)
  • Plugin Author macguru2000

    (@macguru2000)

    13 years, 11 months ago

    The css classes are generated by CataBlog and inserted into your document’s head section in a style tag. This is done to help aid the dynamic sizable thumbnails.

    To override a settings is simple enough, just make a rule that has a higher precedence in another stylesheet, like your theme’s style.css file. something like this should do what you want:

    html body .catablog-row {
    height: 100px !important;
}

    I’m not sure which property you are having trouble with, or which browsers you are trying to support. The height of .catablog-row is a little overly complex at this point, but it was made that way to better support Internet Explorer 6 & 7. Good luck 🙂

Viewing 1 replies (of 1 total)

The topic ‘[Plugin: CataBlog] Weird spacing problem with Catablog’ is closed to new replies.