• I have had the CPT Bootstrap Carousel working on this site for at least a year or more, and it all looked good.

    However recently I noticed that the Caption now displays ‘caption text’ (taken from the actual page content) under the ‘caption title’.

    In the carousel settings, I don’t use any custom css, but I do have the following settings for the carousel which might be important for you to know:

    Show Slide Titles / Captions? YES
    HTML before title: <h4>
    HTML after caption text: </h4>
    HTML before caption text: <p>
    HTML after caption text: </p>

    So the caption title which is defined for each individual carousel image page is coded as a <h4>, which is OK.

    But it is followed by a <p> tag which now appears to be pulling the page content from the page the carousel is being displayed. (Where previously it used to be blank.. ie: only the title displayed, nothing else).

    This is a new development, and I haven’t changed the carousel settings or images, since the site went live. Nor have I changed anything else on the site – except to keep updating all plugins and WordPress versions to be current.

    So I think something has changed in one of the updates for the CPT Bootstrap Carousel plugin which makes the caption work differently.

    How can I remove the <p> ‘caption text’ that is appearing after the <h4>’ caption title’? In other words, I only want the title to display as a caption.

    Thanks,
    SunnyOz

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter SunnyOz

    (@sunnyoz)

    An update:

    I just went back to my localhost copy of the website where the carousel works properly. It looks like I haven’t updated the CPT Bootstrap Carousel plugin. Both localhost and online versions of the website have the same CPT Bootstrap Carousel plugin Version 1.9.1.

    I also checked all the carousel settings and they are the same for both sites.

    Keep in mind that the online site worked fine for a long time.. it is only just recently started this odd behaviour.. probably after I updated to the latest WordPress version.

    If I view source on the localhost site, the code for a carousel image looks like this:
    .

    <div class="item active" id="cptbc-item-106">
    <img src="https://localhost/CIRB/CirbWP/wp-content/uploads/2015/07/DNA.jpg" class="attachment-full wp-post-image" alt="DNA" width="1200" height="600">
    <div class="carousel-caption">
    <h4>CIRB is committed to the ethical review of clinical research and the protection of human research participants</h4>
    </div>	
    </div>

    If I view the source for the online site, the code for a carousel image looks like this:
    .

    <div class="item active" id="cptbc-item-106">
    <img src="https://www.consortiumofirb.org/wp-content/uploads/2015/07/DNA.jpg" class="attachment-full size-full wp-post-image" alt="" srcset="https://www.consortiumofirb.org/wp-content/uploads/2015/07/DNA.jpg 1200w, https://www.consortiumofirb.org/wp-content/uploads/2015/07/DNA-260x130.jpg 260w, https://www.consortiumofirb.org/wp-content/uploads/2015/07/DNA-1024x512.jpg 1024w" sizes="(max-width: 1200px) 100vw, 1200px" width="1200" height="600">
    <div class="carousel-caption">
    <h4>CIRB is committed to the ethical review of clinical research and the protection of human research participants</h4>
    <p>Consortium of Independent Review Boards (CIRB) &nbsp; C &nbsp; IRB is a non-profit organization of independent institutional review boards committed to the ethical review of clinical research and the protection of human research participants. You are invited to explore our website to learn more about the history of CIRB and independent IRBs, to review CIRB's […]</p>
    </div>
    </div>

    As you can see the <p> tag gets added. I checked.. the content it is picking up isn’t being taken from the home page’s snippet or excerpt.. it is actually being taken from the page content itself (I can tell because of the dropcap shortcut creates a space between the C and the IRB.)

    Can you help me figure out what has changed, and how to stop it from displaying the extra content.

Viewing 1 replies (of 1 total)
  • The topic ‘CPT Bootstrap Carousel caption is now including content from page’ is closed to new replies.