• Resolved lh23

    (@lh23)


    Hi, I added pagination controls to my page and I can’t get it so that the caption that appears on hover doesn’t cover the pagination controls.

    The code I’m using is:

    [mla_gallery post_mime_type=application/pdf post_parent=all size=medium columns=4 link=file attachment_category=”Position Statements” mla_caption=”{+description+} ({+custom:Date Pub+})” orderby=”meta_key, meta_value” meta_key=”Date Pub” order=”DESC” posts_per_page=4]

    [mla_gallery post_mime_type=application/pdf post_parent=all size=medium columns=4 link=file attachment_category=”Position Statements” mla_caption=”{+description+} ({+custom:Date Pub+})” orderby=”meta_key, meta_value” meta_key=”Date Pub” order=”DESC” posts_per_page=4 mla_output=”paginate_links,prev_next”]

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author David Lingren

    (@dglingren)

    Thanks for your question. Thanks as well for posting the complete text of your shortcodes and a link to the page; very helpful.

    The problem you are having is caused by the HTML on the page and by your theme. Without access to the site I can’t experiment to find a fix but I can give you some suggestions.

    It looks like the position of the caption is set by script running as part of the theme. You can try to find the CSS styles or the script and changing it; this might be hard.

    The pagination controls are generated as HTML < span > and < a > elements. You can try wrapping then in HTML < div > tags and adding some top padding to the div or adding a blank line or two just above the shortcode. You can do this in the text tab of the editor:

    <div style="padding-top: 30px">
    [mla_gallery]
    post_mime_type=application/pdf
    post_parent=all
    attachment_category=”Position Statements”
    orderby=”meta_key, meta_value”
    meta_key=”Date Pub”
    order=”DESC”
    posts_per_page=4
    mla_output=”paginate_links,prev_next”
    [/mla_gallery]
    </div>
    

    In the above example I have used the alternative “enclosing shortcode” syntax so I can spread the parameters out. I have removed some parameters that are not used in the pagination control format. However you code the shortcode the important part is the enclosing div tags and the padding-top style. If the top-padding style doesn’t help you can try adding a blank line or two above the controls:

    <div>
    &nbsp;<br>
    [mla_gallery]
    post_mime_type=application/pdf
    post_parent=all
    attachment_category=”Position Statements”
    orderby=”meta_key, meta_value”
    meta_key=”Date Pub”
    order=”DESC”
    posts_per_page=4
    mla_output=”paginate_links,prev_next”
    [/mla_gallery]
    </div>
    

    I hope the above suggestions are helpful. I am marking this topic resolved because MLA is working as intended and the problem is outside of the plugin’s control. If you have any problems or questions about the suggestions you can post an update and I will give you what help I can. Thanks for your interest in the plugin.

    Thread Starter lh23

    (@lh23)

    Thank you for the help. Your plugin is very complex (for me!) but the level of support you provide is incredible. Unfortunately your suggestions didn’t help but I will keep poking around to see if I can find something that works.

    Thread Starter lh23

    (@lh23)

    I spoke too soon. Based on your comment about the theme I found the offending section in my theme’s style.css and commented it out. All of my galleries are MLA galleries anyway. Now the caption shows up right beneath the file (instead of only on hover), which is great. Thanks again!

    Plugin Author David Lingren

    (@dglingren)

    Thanks for your updates and the good news that you’ve found a solution that works for your application. Let me know if there’s anything else I can do to help you get the most out of MLA.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Caption blocking pagination controls’ is closed to new replies.