Custom css overruled by Nextgen css

  • Resolved etmcemi

    (@etmcemi)


    10 years, 6 months ago

    I want to change the style property “clear: Both;” in ngg-galleryoverview to “clear: None;”
    I have tried all kinds of customizing css options described in NextGen documents, such as changing default styles in /wp-content/ngg_styles/nggallery.css (under menu Other Options -> Styles) or refering to another css or even creating my own template.
    Some changes do have effect. Except for this “clear” property.
    With a debug tool I can see that this option is always overwritten/overruled by /wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/thumbnails/nextgen_basic_thumbnails.css?ver=3.6.1
    The result is that in gallery thumbnail view, all thumbnails are at the bottom of my page.
    I am using NexGen 2.0.31

    Anyone a great idea?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Bob Easton

    (@bobeaston)

    10 years, 6 months ago

    1. lowercase the operand. {clear: none;}
    2. override previous definitions for the same element with important!
    {clear: none important!}

    Thread Starter etmcemi

    (@etmcemi)

    10 years, 6 months ago

    Thanks bob,

    The !important was important and did the trick:

    .ngg-galleryoverview {
    clear: none !important;
    }

    Lower- or uppercasing the operand seems to have no effect btw.
    Man, why did it took me so long to find this out…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom css overruled by Nextgen css’ is closed to new replies.