greendolphin

forgot the </a>

Here is my new default template. I recently switched from pdf files to gif and found they actually displayed better in a wordpress page. Results varied in browsers and sometimes the image had to be enlarged in order to read the type in the image. I found putting the image in a wordpage to be a huge help. Also have the option of adding more text and using more formatting options from the Weaver ii theme. I’m including the code below in case anyone else finds it useful.

‘<div class=’catablog-row %CATEGORY-SLUGS%’>
<div class=”catablog-images-column”>

<img src=”%IMAGE-THUMBNAIL%” alt=”” />
</div>
<h3 class=’catablog-title’>%TITLE-LINK%</h3>
<div class=”catablog-description”>
<p>%DESCRIPTION%</p>
%BUY-NOW-BUTTON%
</div>

</div>’

Thanks macguru2000 and mbrsolution, the pdf file is now launched by clicking on the thumbnail. I am really grateful for your help. Catablog is a great plugin!!

mbrsolution,

sorry I did not see your post earlier. Yes, I think you understand correctly that I am trying to use the link entry to have the thumbnail launch a pdf file when clicked instead of the original image. I am using the default template and I’m trying to customize. You were able to achieve the same result using the Gallery Template. So “%LINK%” will actually reference the correct URL? I think part of my problem is that %TITLE-LINK% field is not just a url, it produces code that produces a link with a reference to a url and that is why it is not working. I believe in computer programming lingo I am assigning the wrong type to a variable. So am I correct that you were able to produce the desired result with the gallery template? Thanks for your help!!

GreenDolphin

I’m now trying

<a href="%TITLE-LINK%" class="catablog-image" %LINK-TARGET% %LINK-REL%>
      <img src="%IMAGE-THUMBNAIL%" alt="" />

but getting access forbidden and the output produced is

`https://localhost/fgh.com/%3Ca%20href=’/wp-content/uploads/2012/11/RAVEN.pdf’%20target=’_blank’%20rel=’next,%20prev,’%3EDUAL%20RAVEN%3C/a%3E’

is there a fix for this?

Resolved, finally found using inspect element coding for sidebar. Found out that I forgot that I had placed a transparent image in the sidebar as an exdperiment in finding a way to get the logo to overlap into the sidebar. I removed the image and the gray line went away. It must have been a part of the image that was not correctly turned into a transparent layer.

the formatting of my message got messed up after it was posted, the bottom illustration is incorrect.