• rohamg

    (@rohamg)


    I’m using the what looks to be awesome plug-in WP Coda Slider, a category-based post slider using jQuery.

    The problem was with the original code I couldn’t get the labels to wrap to multiple lines – they just went on and on horizontally, off the page, and stayed on one line.

    I fixed the problem by changing ONE element in the JavaScript code, NavContainerWidth (below). Now the slide shows up as I like in Internet Explorer and Chrome, but the alignment is all messed up in Firefox… both 3.6 and 4.0 – http://www.techwadi.org/sponsorship

    Any idea why? Any other plugin I could use?

    Original:

    navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width();
    ul.parent().css({ width: navContainerWidth });
    switch (settings.dynamicTabsAlign) {
    case "center":
    ul.css({ width: ($("li", ul).width() + 2) * panelCount });
    break;
    case "right":
    ul.css({ float: 'right' });
    break;
    };

    New, multi-line:

    navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width();
    			ul.parent().css({ width: "580px" });
    			switch (settings.dynamicTabsAlign) {
    				case "center":
    					ul.css({ width: "580px" });
    					break;
    				case "right":
    					ul.css({ float: 'right' });
    					break;
    			};

The topic ‘[Plugin: WP Coda Slider] alignment not working in FF, beautiful elsewhere’ is closed to new replies.