Center description in Imagebrowser EXIF

  • Resolved PolyWogg

    (@polywogg)


    5 years, 3 months ago

    I feel like I’m SO close to fixing something through CSS, but just missing some small element. I am using the ImageBrowser gallery with Legacy EXIF, and I wanted to get rid of the title above the single picture, so I tweaked some text using inspect element, found the references and used the text:

    #content .ngg-imagebrowser h3 {display: none !important;}

    I later found it in the forums too, so that was nice confirmation I did it write.

    But the description that is below the image is more elusive. I want to centre the text. I found someone else had wanted to eliminate it in the default view and I found this as the wording:

    #content .ngg-imagebrowser.default-view .ngg-imagebrowser-desc {
    display: none !important;
    }

    So I thought, let’s try some variations:

    a. SAME AS TITLE: .ngg-imagebrowser p {text-align: center;}

    b. SAME AS ABOVE: .ngg-imagebrowser.default-view .ngg-imagebrowser-desc {
    text-align: center;}

    c. CONV TO EXIF: .ngg-imagebrowser.exif .ngg-imagebrowser-desc {
    text-align: center;}

    I’ve tried varying combinations in there but nothing seems to move that description. I feel like I’m missing a letter or something to nail it, but just can’t rebuild the file structure.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter PolyWogg

    (@polywogg)

    I’m making progress!

    a. NEXTGEN PRO LIGHTBOX: I can now turn off the title, increase the size of description, adjust size of the sharing icons, remove them from above comments (so not showing twice), and delete the PINTEREST button so it only shows FB and Twitter.

    #npl_wrapper.npl-variant-white .galleria-info-title {display: none !important;}
    #npl_wrapper.npl-variant-white .galleria-info-description {text-align: left; font-size: large;}
    #npl_content .galleria-image-share-icons ul li a svg {font-size: 24px; margin: 0 2px 0 2px;}
    #npl_wrapper #npl_sidebar .galleria-image-share-icons {display: none !important;}
    #npl_wrapper .nggpl-comment-pinterest-button, .nggpl-comment-pinterest-button svg:hover, .nggpl-comment-pinterest-button i:hover {display: none !important;}

    b. IMAGEBROWSER EXIF: I can remove the title above the picture, centre the description under the photo,

    #content .ngg-imagebrowser h3 {display: none !important;}
    #content .ngg-imagebrowser-desc p {text-align: center; font-size: large;}

    c. THUMBNAIL GRID: Adjust the font-size of the caption under the photo in the thumnbnail grid.

    #content .nextgen_pro_thumbnail_grid.pro-thumbnail-caption-template .ngg-caption {font-size: 20px;}

    Onward with stylings! You could mark this one as complete too!

    Paul

Viewing 1 replies (of 1 total)
  • The topic ‘Center description in Imagebrowser EXIF’ is closed to new replies.