text wrapping nextgen slideshow
-
Using nextgen gallery 1.6.2 with jw imagerotator.
Trying to put a slideshow on right hand side of page and text on left of page on website https://lenziecarservices.com.
The slideshow seems to center on the page and I can’t seem to find any settings to fix it.
Tried using html coding to fix but this code was ignored.
Any suggestions would be gratefully received.
-
what page is the slideshow on
sorry about that. my full location for this page is:
https://eurekafarm.com.au/bloghh/?p=744
this is a post page (see posts in side bar) The Spillway in Flood
you can also contact me [email protected]
thanks again , this problem has been very frustrating. have eliminated most plugs but to no avail and currently checking next setup to make sure that effects is not causing the problem.
regards denisLook for this code in https://eurekafarm.com.au/bloghh/wp-content/plugins/nextgen-gallery/css/ngg_shadow2.css?ver=1.0.0
around line 236.slideshow {
margin-left: auto;
margin-right: auto;
outline: medium none;
text-align: center;
}
change it to.slideshow {
float: left;
margin-left: auto;
margin-right: 10px;
outline: medium none;
}@govpatel
that worked like a treat. just as with the others. however it does beg a little bit more of your expertise. The reason i could only get it to work on my local server was that inadvertedly i had activated a different css in NextGEn options in the style section.
I hadn’t realised that there were so many options.
Anyhow this lead me to the question is it possible to vary the stylesheet on different posts. For example on the page we have been working on text is to the right. On another post you may not want this feature.
My next question and this is because I am still getting used to css commands can we get the displayed text to be in line with the top of the slideshow.
Also with this css files it includes the caption description as set out in the manage gallery section. however if you don’t put in a description it defaults to the title which if not edited is the file name.
Finally have you had any luck getting thumbnails included beneath the slideshow. I seem to recollect that it was possible hence the feature of generating thumbnails and is described in Alex Rabe notes somewhere.
I just don’t seem to be able to activate it now.
Also can i ask you if you have had any luck with the addon nextgen smooth gallery or nextgen custom fields.
Hope you can understand all that i have been asking about.
I guess you are from India. I will be in Delhi on the 15th June and soon after intend to do some trekking in Kashmir.
regards Denis.@govpatel you really are the man!
I cant believe ive spent the last hour trying to do this. I have just been looking on google for help but there does’t seem to be any help outside this forum, i should have checked here earlier.
I also have the same problem as the rest of the people on this forum and was just hoping you could point me in the right direction.
I know how to get in and edit the css file but im not sure which one i need to edit. I tried the first one that you suggested to theachard but it didn’t work for me.
Im also going to be adding several other small slideshows to different pages on my website. Will i need to do more css editing? P.S does using smooth gallery make a difference?
https://www.brotherhoodpattaya.com/motobikes-for-rent/
Kind Regards Ben
Im also going to be adding several other small slideshows to different pages on my website. Will i need to do more css editing? P.S does using smooth gallery make a difference?
Once you have made change css you do not have to make any change for each page or post
I use firebug add on to see what css code is used to determine where to make the change in style.css
Is firebug pretty simple to use?
I have heard of it before but never felt the need to use it. I take it you inspect an element on the page and it provides you the information about the files?
When i find the file i need to change will using one of your previous sugestions be ok to replace it?
I said that i can edit the css files but im no expert, so far i have tried all of the above suggestions after finding the files but nothing worked.
I will have a go with firebug and see if i can find the correct file to edit.
I noticed that some of the css you suggest to change for the other guys on here is different from one another, how do you determine what code to use? Or am i getting ahead of myself, and thats something experienced programmers would know?
Thanks for getting back to me so promptly. I hope you wont mind if i get stuck and come back to the forum.
Thanks again
Ben
You need learn css for that as there rules you need to follow
https://www.w3schools.com/css/@govpatel i have just inspected the slideshow with firebug and found the file:
<div id=”ngg-slideshow-2-202-1″ class=”ngg-slideshow” style=”height:240px;width:320px;”>
From here i lokked in the plugins css files for a file ending in ngg-slideshow-2 is this correct?
I went in and found the slider section as you have explained in the forum, but the file looks like the one you suggested scamdensis to change to. At the moment its
.slideshow {
float: left;
margin-left: auto;
margin-right: 10px;
outline: medium none;}
I want the slideshow to float left but i want to be able to place text directly to the right of it. Have you got any suggestions for me please.
I hope it doesnt make a difference but im using the slide within some Blockquotes.
Thanks again
Ben
Sorry i think that was a mistake. i was looking in a shadow file
is there anyway you can let me know how you added the nextgen slideshow in you post as you normally use short code
Yes its placed in with the short code as normal, is this whats causing me problems?
I think i just found the correct line of code that i need to edit after looking at firebug a little further.
ending in /nextgen-gallery/css/nggallery.css?ver=1.0.0 it was located in the right hand side.It said that the line of code was around 270 so i took a look and found it.
.slideshow {
margin-left: auto;
margin-right: auto;
text-align: center;
outline: none;}
I tried just changing the text alignment to right instead of center but it didn’t work
Hi I would just like to say thanks for the help you have given me. I have taken a quick look at the again and figured out where i need to be placing a piece of code that you have previously suggested to somebody else.
Everything is done now with that particular problem. I think i wil start to study the W3school website a bit over the coming weeks. There seems to be some useful stuff on the site. It would be good to improve with the programming side of things.
Thanks again
Ben
@govpatel, your altering in css seems to be the rescue for everybody, ?? unfortunatelly it doesnt work for me; i realized that in the plugin editor my css is inactive. only the php is active. Is there a way to activate the css or to alter in php? would be so grateful if you could help out with your expertise. https://gallery.thueringen-pool.de/?page_id=72
best regards Mart
You are using this this css code for your slideshow
https://gallery.thueringen-pool.de/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0.ngg-slideshow {
overflow: hidden;
position: relative;you need add your float code here
I think the problem is the way you add content all you need to do is put your slideshow short code and your content the way you have is you have it in div tag
- The topic ‘text wrapping nextgen slideshow’ is closed to new replies.