Am I doing this right?

[Rumbanana]

I'm having a hard time applying the caption-width setting, my captions are still showing in the defailt 259px width. Here is how I'm doing it...

class="MagicThumb"  rel="caption-position: right; caption-width: 450"

Do I need to edit the caption-width within the javascript file?

Any help would be great, thanks...

[Alex]

Hi Rumbanana,

The caption-width parameter just defines the maximum width of the caption. The actual width is determined automatically based on its content.

You can try to set the exact width with the CSS rules of .MagicThumb-caption class in the magicthumb.css file, e.g.

Code:

    /* Style of the caption for the expanded image */
    .MagicThumb-caption {
    color: #333;
    font: normal 10pt Verdana, Helvetica;
    background: #ccc;
    text-align: left;
    padding: 8px;
    border: 0 !important;
    outline: 0 !important;
    width: 450px;
    }

Hope this helps.

Alex

[Rumbanana]

No, unfortunately this did not correct the issue. I've tried to add the width: 450px to both style sheets to no avail. I've used firebug to edit the styles in real time and this works, but when I actually apply the width property the page shows the 260px default. I need to achieve a "no scroll effect" if there is an alternate way to do this, it would be great. Thanks!

[Alex]

Hi Rumbanana,

Please try to define the width in CSS like this:

Code:

    width: 450px !important;

Alex