Jump to content


Photo
- - - - -

Image Carousel

image carousel caption

Best Answer johndb , 18 April 2013 - 05:00 PM

Thank you both for your help.

 

display:none removed the caption functionality altogether (which is why my shadow CSS didn't work).

 

The working CSS now in use is as follows;

 
.carousel-caption {
    background: none;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
}

You can follow the URL from my previous post to see it in action.

Go to the full post


  • Please log in to reply
6 replies to this topic

#1 johndb

johndb

    Advanced Member

  • Members

  • 54 posts

Posted 18 April 2013 - 11:56 AM

I'm making use of the Image Carousel sortcodes inside a Banner.

 

I want to be able to remove the carousel caption box from one slide only.

 

After searching the forum, I found this post

Please Login or Register to see this Hidden Content

which says deleting the Title and Caption automatically removes the caption box background (the semi-tranparent dark box at the bottom of the slide)

 

I have tried this method on the slide I'm working on, and it leaves a blank caption box. I then tried removing all Titles and Captions from all shortcodes on all slides, but the box still remians. I have also tried entering the shortcode, without Titles and Captions, into a regular WP page incase it was a conflict with the Banner, but the caption box remains.

 

Since adding custom CSS will no doubt remove the caption box from the whole site (or at least all slide on the Image Carousel I'm working on), is there some piece to the shortcode I am missing?

 

I have  attached the shortcode I'm using to this post, and a screen cap of the Image Carousel on the slide I'm working on. This should explain why I would want to remove it.

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  102.04KB   3 downloads



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 April 2013 - 12:12 PM

Hi,

 

Can you provide a link to the site in question and also do you want to hide the caption on a specific slide or on all slides on that page ?



#3 johndb

johndb

    Advanced Member

  • Members

  • 54 posts

Posted 18 April 2013 - 12:20 PM

Please Login or Register to see this Hidden Content

Hello.

 

I would like the option to dictate which slides have a caption box, rather than which Image Carousels have caption boxes. So, specific slide caption boxes.

 

Thank you.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 April 2013 - 12:29 PM

Unfortunately, there is no way to disable the caption on specific slides. If you wish to remove the caption from all slides you can use the following CSS.

 

 

Please Login or Register to see this Hidden Content


  • johndb likes this

#5 johndb

johndb

    Advanced Member

  • Members

  • 54 posts

Posted 18 April 2013 - 01:12 PM

Could you possibly add this option to the PageLines road map? "When no Title or Caption, do not display box".

 

Additional: What would the CSS be to add text shadow to text in Image Carousels?

 

I've tried this CSS taken from W3schools;

Please Login or Register to see this Hidden Content



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 18 April 2013 - 03:34 PM

You need to add #page before .carousel-caption to ensure that your CSS overwrites the default:

Please Login or Register to see this Hidden Content


  • johndb likes this

#7 johndb

johndb

    Advanced Member

  • Members

  • 54 posts

Posted 18 April 2013 - 05:00 PM   Best Answer

Thank you both for your help.

 

display:none removed the caption functionality altogether (which is why my shadow CSS didn't work).

 

The working CSS now in use is as follows;

Please Login or Register to see this Hidden Content

You can follow the URL from my previous post to see it in action.







Also tagged with one or more of these keywords: image carousel, caption