Title: Help adding description to Slideshow Widget- customizing description via css Last modified: August 22, 2016 --- # Help adding description to Slideshow Widget- customizing description via css * [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 2 months ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/) * I was hoping you could help me with the Slideshow widget. Is there a way to add the description of the image underneath as its scrolling through? Also, is it possible when you click on the image, it opens up to a certain page? If not, no big deal. * Also, could you help me with formatting the single image description? I can’t figure out how to do this. I am assuming that I would use the style section and add to the css file, but I don’t know what or where to add it to. I wanted to increase the font, make it bold, and align it under the center of the image. * Thanks for your help! * [https://wordpress.org/plugins/nextcellent-gallery-nextgen-legacy/](https://wordpress.org/plugins/nextcellent-gallery-nextgen-legacy/) Viewing 14 replies - 1 through 14 (of 14 total) * [niknetniko](https://wordpress.org/support/users/niknetniko/) * (@niknetniko) * [11 years, 2 months ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879507) * The first two things are currently not possible unfortunately. * To help you with the CSS, it would be helpful to have a link to your site, that way I can customize it for your site and theme. Otherwise I’ll give you the normal CSS, but that’s not guaranteed to work. * Thread Starter [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 2 months ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879526) * Thank you for getting back to me… Here is the link to my site: * [wtfeverbody.com/throwback-thursday](http://www.wtfeverybody.com/throwback-thursday/) * I am using single image shortcodes along with advanced wp columns to create a gallery on a page. * Thanks for your help! * Thread Starter [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879552) * Any luck on the CSS code? I also wanted to mention that when I view the page on my mobile the description is centered, but when I view the page on my laptop it isn’t… * Thanks again * Plugin Author [WPReady](https://wordpress.org/support/users/wpready/) * (@wpready) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879553) * Hi wtfeverybodyjr, please describe what shortcode(s) are you using and with what parameters. Thanks * [niknetniko](https://wordpress.org/support/users/niknetniko/) * (@niknetniko) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879554) * Also, I took a look and to style your caption, you will need to put css rules in this class: * ``` .csColumn { font-size: 15pt; //example } ``` * However, this will apply to all text in a column. If you don’t want that, you’ll need to put the caption in it’s own container (i.e.
or ) * Thread Starter [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879555) * Thank you both for your response. I am not a coder, but I have figured out where certain things are at and by looking at examples of what other people have done I have been able to tweak things a little bit. So, niknetniko, can I copy your code as you have written it and paste it in the nextcellent default css under/*———– Single picture ————-*/ * The following link shows the shortcodes I am using: * [https://drive.google.com/file/d/0BxQwpfAzZWbkci1FcUtvMFBpcE0/view?usp=sharing](https://drive.google.com/file/d/0BxQwpfAzZWbkci1FcUtvMFBpcE0/view?usp=sharing) * The following link shows the singlepic.php file that I tweaked a little bit by adding * ``` description; ?> pid); ?> ``` * [https://drive.google.com/file/d/0BxQwpfAzZWbkRmFtUGw5SjBqdXc/view?usp=sharing](https://drive.google.com/file/d/0BxQwpfAzZWbkRmFtUGw5SjBqdXc/view?usp=sharing) * I have tried adding code like: * ``` .ngg-description { text-align: center; font-weight: bold; } .ngg-title { text-align: center; font-weight: bold; } ``` * in the default css on the plugin page, but it doesn’t seem to work… * Thanks again for your help * Thread Starter [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879559) * Thanks niknetniko, your code worked great! Now if I could only figure out how to center the description underneath. I am sure if I can figure out how to do that, I will be able to figure out how to center the voting form I have underneath the description… * Thread Starter [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879561) * I was able to center the description by adding the following code to the singlepic. php file: * ```

description ?>
description ?>

``` * But now it looks like the Alt/Title text and the description are showing up and I just want the description… * Thread Starter [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879564) * I just noticed that the above code doesn’t seem to work with Internet Explorer but it seems to work with all other browsers… Is there a fix for Internet Explorer? * Thread Starter [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879567) * I figured out the code I sent you guys above and I deleted that last bit of code and now I only have 1 description of the image. * Still wondering about the internet explorer fix… * I was hoping niknetniko would be able to help me… I have an area on my theme where I can insert css code for tablets. I wanted to disable the columns on my pages. I thought I would be able to add the code: * ``` .csColumn { display: none; } ``` * but that didn’t work… I also tried doing it by using the page-id, but that didn’t work either. * any ideas? * [niknetniko](https://wordpress.org/support/users/niknetniko/) * (@niknetniko) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879568) * Sorry for the delay, but I’m currently a bit busy. I just wanted to let you know I’ll have another look at the problem. This will probably be later today, or tomorrow. * [niknetniko](https://wordpress.org/support/users/niknetniko/) * (@niknetniko) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879569) * So, this is how your site looks to my now: [https://lh3.googleusercontent.com/-0tzpuewxnFQ/VREyPGFw14I/AAAAAAABSMo/dHGgJ3WUVqo/w1099-h876-no/Knipsel.PNG](https://lh3.googleusercontent.com/-0tzpuewxnFQ/VREyPGFw14I/AAAAAAABSMo/dHGgJ3WUVqo/w1099-h876-no/Knipsel.PNG) * So, what should change on this page now? (I’m not really sure anymore). * To align everything, (also in IE), use the following code: * ``` .csColumn { font-size: 15pt; text-align: center; } ``` * Note that you can change the font size to whatever you want. * The reason the css with .ngg-description and .ngg-title doesn’t work is because there are no such elements. One of your plugins is renaming them (which isn’t bad, but it’s just the reason why the default css selectors don’t work). * On a tablet the columns already disappear for me. * Thread Starter [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879570) * Thanks for getting back to me. On my Ipad, the advanced wp columns plugin doesn’t align the pictures right. When I used a shortcode for columns that came with the theme I purchased, it looks way better. So I think I am going to uninstall the advanced wp columns. I just need to figure out how to increase the font for particular pages in my theme… But I don’t really expect you to help me with that, unless you want to 😉 * Now I have another issue.. My nexcellent slideshow widget, that I have displayed on my homepage, is not showing the images. It was working fine the other day. So I thought I would restore a backup of my database thinking it was changes that I made to my files, but that doesn’t seem to be it. I tried to deactivate plugins and that doesn’t seem to work either. Any ideas? * Thread Starter [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * (@wtfeverybodyjr) * [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879571) * I couldn’t take it and downgraded my database. I’m going to have to redo all the code. I’ll let you know of I run into any problems. Thanks for the help. I’ll get back to you in a day or so. * By the way, since I downgraded database, slideshow is working fine. Viewing 14 replies - 1 through 14 (of 14 total) The topic ‘Help adding description to Slideshow Widget- customizing description via css’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/nextcellent-gallery-nextgen-legacy_9c9087. svg) * [NextCellent Gallery - NextGEN Legacy](https://wordpress.org/plugins/nextcellent-gallery-nextgen-legacy/) * [Frequently Asked Questions](https://wordpress.org/plugins/nextcellent-gallery-nextgen-legacy/#faq) * [Support Threads](https://wordpress.org/support/plugin/nextcellent-gallery-nextgen-legacy/) * [Active Topics](https://wordpress.org/support/plugin/nextcellent-gallery-nextgen-legacy/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/nextcellent-gallery-nextgen-legacy/unresolved/) * [Reviews](https://wordpress.org/support/plugin/nextcellent-gallery-nextgen-legacy/reviews/) ## Tags * [style.css](https://wordpress.org/support/topic-tag/style-css/) * 14 replies * 3 participants * Last reply from: [wtfeverybodyjr](https://wordpress.org/support/users/wtfeverybodyjr/) * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/help-adding-description-to-slideshow-widget-customizing-description-via-css/#post-5879571) * Status: not resolved