Control caption title on images?

  • Hi all

    I have a demo here to illustrate my problem.

    https://www.ttmt.org.uk/forum/wordpress/

    It’s one page that has images stacked on top of each other in the content.

    My using the jQuery plugin cycle to create a slideshow.

    My problem is I need the slideshow to be in the center but the images are different width and some have titles.

    Using this jQuery and CSS I can center the images.

    https://pastebin.com/Zi006XfH

    My last problem is the title, it’s been driving me crazy for days.

    No matter what I try I can’t control the image caption – I would like it centered below the image.

    I have placed borders around the elements and you can se the title box hangs off on the right.

    Any help on this would be greatly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)

  • the width seems to be set twice in this section:

    $('#slideshow p.wp-caption-text').css('width',window.imgWidth);
          $('#slideshow p.wp-caption-text').css({'margin-left': -window.halfImgWidth,'width':'1000px'});

    possibly (only following logic, but untested in jQuery) remove ,'width':'1000px'

    Thread Starter ttmt

    (@ttmt)

    alchymyth Thank you for your reply.

    the extra ‘width’:’1000px’ was left over from another attempt.

    I’ve tried so many different options is was left in by mistake.

    The page works better now with this taken out but on images with titles
    I still get a horizontal scroll bar along the bottom, which I think is because the
    the <p> tag containing the title is too long.

    https://www.ttmt.org.uk/forum/wordpress/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Control caption title on images?’ is closed to new replies.