text wrapping nextgen slideshow

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
https://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.

You are welcome

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: https://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

You are welcome

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:

https://66.147.244.214/~wctrusto/?page_id=489

any suggestions?

thanks
jodi

I tested on firebug it did work

https://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.

You are welcome

@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 https://www.eurekafarm.com.au/bloghh
Can you help