Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello tinuzzo what is the shortcode you are currently using? For example if you use the following shortcode

    [catablog template=”gallery” category=”your category”]

    or

    [catablog template=”gallery”]

    you will display your images the way you want as per your question. The above option is using the lightbox settings.

    Kind regards

    Thread Starter adspedia

    (@tinuzzo)

    Thanks! I used the shortcode “gallery” and it does create columns.
    The gallery now looks like this: https://oi40.tinypic.com/mrelqv.jpg

    But how do I make it so that:

    1. The distance between the thumbnail and the details is smaller? Something like this: https://oi41.tinypic.com/dy4nx3.jpg

    2. By default it seems (as seen in the screenshot from above (1)) that all items are aligned to right. How can I make them be left aligned?

    2. How can I have the same link on the thumbnail as the one on the dog’s name? SO that when the image OR the dog’s name are clicked the link of the attached page is displayed, NOT the image. Possible?

    Thanks!

    Hello tinuzzo have a read through this tutorial and see if all your questions are answered.

    Can you also provide a link to your website so that I can check the layout.

    Kind regards

    Thread Starter adspedia

    (@tinuzzo)

    Hi there!

    I did read the tutorial but it did not help. I am NOT using the gallery approach, but the product-based template.
    I need your IP address to add you to the site’s permission list so you can view the content at: https://ads.pe/1cMgCAN

    Thanks!

    Thread Starter adspedia

    (@tinuzzo)

    I was able to create a new template with this code inside:

    <div class="catablog-row catablog-store">
      <a href="%LINK%" class="catablog-image catablog-open-lightbox" %LINK-TARGET% %LINK-REL%>
        <img src="%IMAGE-THUMBNAIL%" alt="" />
        <strong class="catablog-title">%TITLE%</strong>
      </a>
      <div class="catablog-description">%DESCRIPTION%</div>
    </div>

    and it did the trick for the how it works.

    For the how it looks, can you provide advice how to eliminate the large distance between the images/thumbnails and description?

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Multiple columns’ is closed to new replies.