PDF Table with ICON and Title

Thanks for your question, and for taking the time to read through earlier support topics for possible answers. I want to make sure you have seen this recent topic that describes a very similar application:

List items

In particular, compare the markup template you’ve created to the example in that topic. You wrote “cannot get it to work” but without additional details such as the content of your custom template it is hard to know how to help.

You wrote “If I remove the size=icon …” Are you using [+thumbnail_content+] in that column of your table or something else?

I will leave this topic unresolved until I see your response. Let me know if the above topic is helpful and what additional help you need. Thanks for your interest in the plugin.

HI David
Thanks for being so prompt. I am sorry I didn’t include the markup template. I had copied it from some of your other support threads.
I made a PNG file out of it, but don’t know how to add it to this post for you so here is what I have.
Name: pdf-table
Open: <table id='[+selector+]’ class=’gallery galleryid-[+id+]
Row Open: <tr class=’gallery-row’>
Item:
<td class=’gallery-icon’>
[+link+]
</td>
<td class=’wp-caption-text gallery-caption’>
[+caption+]
[+caption+]
</td>
Row Close: </tr>
Close: </table>

The size=icon I am referring to is how I can get the ADOBE PDF ICON to show up. So basically, I get a table with a list of ADOBE PDF ICONS and no caption. If I remove the size=icon from the page coding (not the Markup template), I get a table of PDF document names without the ADOBE PDF icon showing. I am not using [+thumbnail_content+] at all. (Not sure where this would be used). Hope this makes things clearer.
I am doing a WordPress site as a volunteer for a small church and much appreciate your help.

Thanks for your update with the additional information and the contents of your template. I entered your shortcode and template in my system and it is working there.

First, make sure you have the closing “‘>” on your Open: section. Your post does not show it:

Open: <table id='[+selector+]' class='gallery galleryid-[+id+]

To make sure your template is actually being used, you can try changing the Open: section to:

<h3>My PDF Table</h3>
<table id='[+selector+]' class='gallery galleryid-[+id+]'>

Here are a couple of additional suggestions you can try:

Change your shortcode to:

[mla_gallery columns=1 post_mime_type=application/pdf post_parent=all link=file size=icon mla_markup=pdf-table]

You don’t need the mla_caption= parameter because you can use the template to control the content. You don’t need the “enclosing shortcode” format, either. Of course, it is harmless and a matter of style.

Change the “Item:” section of your template to:

<td class='gallery-icon'>
[+link+]
</td>
<td class='wp-caption-text gallery-caption'>
[+title+]
</td>

On my system, that gets the PDF icon as a link to the file, and the document Title to the right of each icon. If it’s not working for you, your theme may be using the class= attributes in some way. Try removing the class='wp-caption-text gallery-caption' portion of the <td> tag to see if that helps.

You can also try changing the [+title+] value to a literal value such as “The Title should be here!” just to see if that shows up in the output.

If you’re still having trouble perhaps you can post a link to one of your pages so I can check out the HTML source code being generated.

Let me know if the above suggestions are helpful. Thanks for your patience.

Hi David
I tried all your suggestions without luck. I read somewhere to change the theme to 2015 to see if it works – and it WORKS! Therefore the problem is within the theme I’m using. The unfortunate part is the theme is from Churchthemes.com and I need to use it.

Here is a link to the website I’m working on with the church theme exodus activated.
‘www.salemlongville.org/Wordpress/newsletters’
It must have something to do with class attribute as you suspected but I don’t have a clue about what to do.

PS – your support is great! I really appreciate it.

Not sure why the link didn’t show up correctly, but clicking on that line works. Sorry about that. Not sure what I’m doing!

Hello,

Please submit a support request and we’ll take a look at what causes this to work with the default theme but not with Exodus.

https://churchthemes.com/contact/

Thank you.

Thanks for your update with the results of your experiments and especially the link to a sample page; very helpful.

As you have discovered, the problem is that your theme is applying CSS styles to the table cells containing the document titles. If you look at your theme’s style.css file you will see around lines 3674 through 3719 many styles that affect the gallery-item class. These include an opacity: 0; style that is rendering the text invisible.

You can probably avoid the problem by changing your Item: section to something like:

<td class='gallery-icon' width="1%">
[+link+]
</td>
<td class='wp-caption-text mla-gallery-caption'>
[+title+]
</td>

I have changed the class attribute from gallery-caption to mla-gallery-caption, which avoids the CSS styles assigned by the theme. I have also added a width="1%" attribute to the icon cell so the document title will move to the left by the icon.

You may find a better solution by working with the theme author/vendor or someone who knows the theme better than me.

I am marking this topic resolved because MLA is performing as it should, but please update it if you have other problems or further questions regarding the use of templates to format your [mla_gallery] display. Thanks again for working with me on this issue and for your interest in the plugin. Good luck with the rest of your application.