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.
Thank you for getting back to me… Here is the link to my site:
wtfeverbody.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!
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
Hi wtfeverybodyjr,
please describe what shortcode(s) are you using and with what parameters. Thanks
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. <div></div> or <span></span>)
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
The following link shows the singlepic.php file that I tweaked a little bit by adding
<?php echo $image->description; ?>
<?php echo nggv_imageVoteForm($image->pid); ?>
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
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…
I was able to center the description by adding the following code to the singlepic.php file:
<p align="middle" style="margin-left:0px;"><strong><?php echo $image->description ?></strong><br />
<?php echo $image->description ?></p>
But now it looks like the Alt/Title text and the description are showing up and I just want the description…
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?
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?
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.
So, this is how your site looks to my now:
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.
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?
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.
