Options

Hide captions in Journal gallery style

bokehlover71bokehlover71 Registered Users Posts: 156 Major grins
edited July 14, 2016 in SmugMug Customization
The code .sm-tile-caption {display:none} works well in other galleries, but not in the Journal gallery style. Do I need another code to hide captions in this gallery style (if I want to show titles, but not captions)?

Comments

  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,238 moderator
    edited July 14, 2016
    How odd... I see a class name on the titles in journal style galleries but the class name on the caption appears to be empty.

    In the gallery http://www.denisegoldberg.com/Medley/galleries-by-date/n-GzNHG/ I use both title and caption.

    Using firebug on the title of the first image I see:
    <p data-placeholder="add title" data-name="Title" class="sm-tile-title ">Fuller Gardens :: 2016</p>
    
    Using firebug on the caption of the first image I see:
    <p class="" data-placeholder="add caption" data-name="CaptionRaw" data-type="textarea">
    
    Without a class name I don't know how to suppress the caption.

    Hopefully someone else has a better answer!

    --- Denise
  • Options
    AllenAllen Registered Users Posts: 10,011 Major grins
    edited July 14, 2016
    How odd... I see a class name on the titles in journal style galleries but the class name on the caption appears to be empty.

    In the gallery http://www.denisegoldberg.com/Medley/galleries-by-date/n-GzNHG/ I use both title and caption.

    Using firebug on the title of the first image I see:
    <p data-placeholder="add title" data-name="Title" class="sm-tile-title ">Fuller Gardens :: 2016</p>
    
    Using firebug on the caption of the first image I see:
    <p class="" data-placeholder="add caption" data-name="CaptionRaw" data-type="textarea">
    
    Without a class name I don't know how to suppress the caption.

    Hopefully someone else has a better answer!

    --- Denise
    This seems to work, color change for testing. Change to display:none

    .sm-journal-inlineedit p:nth-of-type(3) {
    background: red;
    }

    It is site wide for all journal style pages so specific page class name CSS like .sm-page-node-GzNHG
    would need to be added to target single pages/galleries.

    .sm-page-node-GzNHG .sm-journal-inlineedit p:nth-of-type(3) {
    background: red;
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
Sign In or Register to comment.