Text wrapping Nextgen slideshow
-
Hi!
I want to make a NextGen slideshow on a page below floating right and text wrapping:
http://4.stabilo.z8.ru/biography/But when I add to nggallery.css this code, nothing changed:
.ngg-slideshow {
margin-left:20px;
margin-right:20px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-align:center;
float:right;
}And there is another problem – my sidebar moved down due slideshow.
Please, help to resolve it.
-
I believe all you really need to add to your site would be:
div#ngg-slideshow-536-3396329440.ngg-galleryoverview.ngg-slideshow { float: left; }
This will have the text “wrap” around that specific slideshow. You can adjust the custom CSS to apply to all slideshows by removing the specific slideshow’s reference.
Thanks!
– Cais.
I need to add this code to nggallery.css? if so, for some reason this does not work.
@alexandrax – Try adding it under Gallery > Other Options > Style … you may also need to add the
!important
directive as well.Thanks!
– Cais.
I enabled custom CSS and added that code to nggallery.css, but nothing has changed:
/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Photocrati Media
Version: 2.12This stylesheet is provided to allow users the ability of overriding the default styles for all display types
*/div#ngg-slideshow-536-3396329440.ngg-galleryoverview.ngg-slideshow {
float:left !important
}In post slideshow`s code sounds like:
<div style=”padding-bottom: 3px; text-align: left;”><img class=”ngg_displayed_gallery mceItem” src=”http://4.stabilo.z8.ru/nextgen-attach_to_post/preview/id–536″ alt=”” /></div>@alexandrax – Have you tried the custom CSS without the specific gallery element:
div.ngg-galleryoverview.ngg-slideshow { float:left !important; }
– Cais.
I tried the custom CSS and with it, and without it – both without result.
@alexandrax – I’ve tested this custom CSS on my test sites and I see you have added it via the Gallery > Other Options > Style on your site as well. I originally sorted out this CSS by using the developer tools in my browser.
Although it appears to not be rendering as expected, I cannot say specifically why that would be the case except to note the custom CSS does not appear to be honored?!
Perhaps there is something in your theme still affecting this?
– Cais.
- The topic ‘Text wrapping Nextgen slideshow’ is closed to new replies.