• Resolved cag8f

    (@cag8f)


    I’ve added a gallery (layout=’square’) to my footer widget. It seems that the only way to do so is by adding a text shortcode (screenshot)–is that correct?

    If so, I’ve done so, and the gallery displays as expected (screenshot). But is it possible to edit some of the gallery properties? In this case, I’d like to

    –add some horizontal padding between each images.
    –remove the ‘More’ button.
    –disable any hover effect.

    How would I best accomplish each of those?

    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    Each of these can be achieved by Custom CSS placed in Appearance → Customize → Additional CSS. Without a URL I cannot give you specific styles, but loosely speaking you would need these:

    li.photonic-instagram-image { padding: 5px; }
    a.photonic-more-button { display: none; } /* For this you will definitely need to specify your widget ID, or all your "more" buttons will get hidden */

    I cannot say what hover effects you have in place. The default for square / circle grids is no effect (defined under Photonic → Settings → Generic Options → Generic Settings → Square / Circle Grid – Thumbnail Effect)

    Thread Starter cag8f

    (@cag8f)

    >> Each of these can be achieved by Custom CSS placed in Appearance → Customize → Additional CSS.

    OK got it. I can implement those myself, thanks. Was just wondering if there was a setting I was missing.

    >> The default for square / circle grids is no effect (defined under Photonic → Settings → Generic Options → Generic Settings → Square / Circle Grid – Thumbnail Effect)

    I have opened Photonic → Settings → Generic Options → Generic Settings, but I don’t see anything labelled “Square / Circle Grid – Thumbnail Effect).” However I do see it in Generic Options–>Layouts. But the three options in that section do not allow me to change the on-hover effect, i.e. when a user hovers his mouse over an image, the title scrolls up from the bottom (screenshot). It looks like this is defined in the “Instagram” section of the settings, and has to be the same setting for all Instagram galleries. Is that correct? If so that is a bit unfortunate. How would I approach disabling it for the footer Instagram gallery, but leave it enabled for the main content Instagram gallery?

    Thanks.

    Plugin Author Sayontan Sinha

    (@sayontan)

    Was just wondering if there was a setting I was missing.

    Not yet. I have been considering putting this in, but it is not something that is required often. Most people are content with a single style applied to all galleries, and for those who don’t, I can always help them with custom CSS.

    I have opened Photonic → Settings → Generic Options → Generic Settings, but I don’t see anything labelled “Square / Circle Grid – Thumbnail Effect).” However I do see it in Generic Options–>Layouts

    You are right – that was a “muscle memory” error on my part.

    How would I approach disabling it for the footer Instagram gallery

    This specific setting is actually available on each shortcode. When you are creating / editing a gallery, once you get to the screen that says “Configure Your Layout” there is a setting called “How do you want the title?”

    Thread Starter cag8f

    (@cag8f)

    >> Not yet. I have been considering putting this in, but it is not something that is required often. Most people are content with a single style applied to all galleries, and for those who don’t, I can always help them with custom CSS.

    Right O, cheers for that.

    >> When you are creating / editing a gallery, once you get to the screen that says “Configure Your Layout” there is a setting called “How do you want the title?”

    Right. In this case though, since I am adding the gallery to a widget, it seems that I can only do so by manually typing in the shortcode. So I don’t have access to that ‘build-a-shortcode’ GUI. Unless I can perhaps create the same shortcode on another page–a page in which I *do* have access to the gallery, then copy and paste the shortcode into this widget/ Would that work?

    Plugin Author Sayontan Sinha

    (@sayontan)

    In this case though, since I am adding the gallery to a widget, it seems that I can only do so by manually typing in the shortcode. So I don’t have access to that ‘build-a-shortcode’ GUI. Unless I can perhaps create the same shortcode on another page–a page in which I *do* have access to the gallery, then copy and paste the shortcode into this widget/ Would that work?

    Ah, I had forgotten that you were working with a widget. What you are proposing to do with copy/pasting a shortcode will certainly work.

    You are probably using this, but if you aren’t, there is a vanilla version of the shortcode builder that you can access through Add Media → Photonic in the text widget. Some useful tags that are not available via this shortcode builder are defined under Photonic → Getting Started → The Secret Menu. The one you are looking for is title_position. The vanilla editor was cumbersome to use, which is why I built out the interactive editor a few months back.

    Thread Starter cag8f

    (@cag8f)

    OK thanks for all that. We can consider this resolved then.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to customize this particular shortcode?’ is closed to new replies.