Jump to content
Sign in to follow this  
johndb

Image Carousel

Recommended Posts

johndb    1
johndb

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 http://www.pagelines.com/forum/topic/21768-any-adjustments-available-to-image-carousel-shortcode/?p=126473

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.

[pl_carousel name="NAS-Carousel"]
[pl_carouselimage first="yes" imageurl="/wp-content/uploads/NAS-logo4-300x200.png" ]
[/pl_carouselimage][pl_carouselimage imageurl="/wp-content/uploads/NAS-box1.jpg"]
[/pl_carouselimage]
[pl_carouselimage imageurl="/wp-content/uploads/NAS-box2.jpg"]
[/pl_carouselimage]
[/pl_carousel]

post-27392-0-55502600-1366286103_thumb.j

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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 ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
johndb    1
johndb
printservepro.com/case-studies/northern-angling-show

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.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.

 

 

#site .carousel-caption {
display: none;
}
  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
johndb    1
johndb

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;

.carousel-caption {
text-shadow: 2px 2px #ff0000;
}

Share this post


Link to post
Share on other sites
catrina    103
catrina

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

#page .carousel-caption
  • Like 1

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
johndb    1
johndb

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • batman
      By batman
      I have the following problem with DMS 1.1.1 and WP 3.7   If.....I add an image to a post   http://screencast.com/t/V66tvDUA   Then I added a Caption   http://screencast.com/t/lzzC5ZSXhx   Everything looks perfect   http://screencast.com/t/U229V8Hm4Y   If I pass the editor and return to Visual Text , or I publish and edit   http://screencast.com/t/gBYex63H   I do not see the image in the Visual   http://screencast.com/t/LgYPsYbgaG   I do not I have that problem with the Twenty Thirteen .   This is the link http://natfoto.com.ar and it happens in all other sites .   I have no plugin enabled.   This is my Debug Info WordPress Version 3.7   multisite Enabled not   Current Role Administrator   Path Framework / home/content/62/9163462/html/natfoto/wp-content/themes/dms   Framework URI http://natfoto.com.ar/wp-content/themes/dms   Framework Version 1.1.1   PHP Version 5.3   Child theme Yes / home/content/62/9163462/html/natfoto/wp-content/themes/nicks-base-theme-master http://natfoto.com.ar/wp-content/themes/nicks-base-theme-master   PHP memory 256   Mysql version 5.0.96 -log   PHP type Cgi - fcgi   PHP User Posix functions are disabled on this host !   OS Linux   Licence OK ...............................   Installed Plugins dms-plugin-pro/dms-plugin-pro.php   Thanks in advance Carlos
    • LightningBoxer
      By LightningBoxer+
      How do I edit the CSS for captions in DMS? I want the words to align left instead of center, which is the WordPress default.
    • progressive01
      By progressive01
      Hi Nick,
       
      Love Gridly - one thing I have found is if we put a caption on some but not all images, on the blank ones a light grey box still appears where the caption should be - this is happening in Safari and in the ipad for me. - Screenshot attached.
       
      Again as others have said, would love the caption to be available in lightbox also if possible one day 
       
      Many thanks in advance

    • mindfulbaby
      By mindfulbaby
      I think the answer is no, but wanted to see if there are any adjustments I can make (as a non-programmer!) to the Image Carousel I am using based on the shortcodes page (http://demo.pagelines.me/tools/). This is a really handy carousel for me, and a big help!

      Mostly I am curious if it is possible to adjust 2 items:
      - the height of the black bar with the caption text/subtext (I'm using smaller images, 400x400, so it would be great to make smaller)
      - the speed the carousel progresses through the images

      I haven't seen any notation on being able to modify, but wanted to make sure before I check it off my list and don't keep wondering if it is possible.

      Great shortcode! So much on that page that is super helpful.


      BTW, if I should be posting questions like this under "Customizations" instead please let me know. I wasn't quite sure where to post it. Thank you-
×