I have done some searching around and came accross another forum where it was suggested posting this code in the html.
<div style=”margin: 3px; padding: 3px; text-align: left; float: right; width: 232px;”>[slideshow id=1]</div>blah blah blah
On this forum others tried this and got the same failure as I got.
One of the contributors claimed to get it working by “hard coding the code into NextGen’s css: . Just add it to the .slideshow elements”
I am new to all this (but very willing to learn) and need to know how i access the .slideshow elements and once I find this where do I paste the code.
And if I do all this will it work?
from your dashboard, under the plugins menu is editor.
You can go there, and are able to navigate to NextGen plugin. A list of file associated with NGG will come up. I guess you would find the css file and edit it
I can only find 2 files in plug ins menu editor relating to the slideshow:
nextgen-gallery/js/ngg.slideshow.min.js
nextgen-gallery/js/ngg.slideshow.js
I added in the code to each of these files but made no difference. I have no idea if what I asm doing is remotely close to being sensible. I dont know if I am attempting to edit the wrong files or if I am inserting the code in the right place or indeed if the code will even do the job.
Maybe someone has managed what I am tring to do succefully and can give me a simple idiots guide?
Is this what you want to do
http://ambajiusa.org/blog/why-do-we-celebrate-holi/
than you need to go admin
in plugin click editor
on right top dropdown menu select NextGen Gallery and click select
on right look for nextgen-gallery/css/nggallery.css click on it.
in editor look for slideshow code. line 253
Delete .slideshow and put this there
.slideshow {
margin-left:20px;
margin-right:20px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-align:center;
float:left;
}
I have changed the margins and floated it left.
Let me know if it works
Works brilliantly.
Thank you so much for that information. I have been searching around forums for hours trying to get that.
Isn’t life so much simpler when you know what your doing.
Thanks again.
Hi there!
I tried this with my NextGen gallery, and it didn’t work. I don’t know where I’m going wrong…? Any ideas would be greatly appreciated: http://wendyhinman.com/
Thea
@theachard for some reason you using different sideshow css code in same file
/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0
look for this code around like 266
.ngg-slideshow {
overflow:hidden;
position:relative;
add
float:left;
margin-right:15px;
you can change 15px to your liking.
You need remember that when you update NextGen you will need to add this two line in code as it will be overwritten.
@govpatel,
works perfectly! thank you! you’re a rock star!!!
cheers,
thea
hi there,
i tried this by copying the ngggalery.css file into my theme directory and making the change there, but it does not work.
here’s my site:
http://66.147.244.214/~wctrusto/?page_id=489
any suggestions?
thanks
jodi
I tested on firebug it did work
http://66.147.244.214/~wctrusto/wp-content/themes/twentyten-child/nggallery.css?ver=1.0.0
.ngg-slideshow {
overflow:hidden;
position:relative;
add
float:left;
margin-right:15px;
you can change 15px to your liking.
oh great, thanks. i was editing the wrong section of the .css file.
@govatel I am trying to put side text into my slideshow just as you showed for a member about 7 months ago. It works fine on my local server but doesn’t seem to act on it when I go onto my web. my css is as follows:
.slideshow {
margin-left:00px;
margin-right:20px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-align:center;
float:left;
}
my web address is http://www.eurekafarm.com.au/bloghh
Can you help
