• Resolved AlexandraX

    (@alexandrax)


    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.

    https://wordpress.org/plugins/nextgen-gallery/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor photocrati

    (@photocrati)

    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.

    Thread Starter AlexandraX

    (@alexandrax)

    I need to add this code to nggallery.css? if so, for some reason this does not work.

    Plugin Contributor photocrati

    (@photocrati)

    @alexandrax – Try adding it under Gallery > Other Options > Style … you may also need to add the !important directive as well.

    Thanks!

    – Cais.

    Thread Starter AlexandraX

    (@alexandrax)

    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.12

    This 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&#8243; alt=”” /></div>

    Plugin Contributor photocrati

    (@photocrati)

    @alexandrax – Have you tried the custom CSS without the specific gallery element:

    div.ngg-galleryoverview.ngg-slideshow {
        float:left !important;
    }

    – Cais.

    Thread Starter AlexandraX

    (@alexandrax)

    I tried the custom CSS and with it, and without it – both without result.

    Plugin Contributor photocrati

    (@photocrati)

    @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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Text wrapping Nextgen slideshow’ is closed to new replies.