Jump to content

Archived

This topic is now archived and is closed to further replies.

ipitts

Can we add a URL link to a Media Box image?

Recommended Posts

ipitts

Greetings! 

We are using Pagelines >> DMS2 theme. We are using the DMS2 Media Box module on several pages throughout our site. The media box includes an image thumbnail with hyperlinked text (below the thumbnail - located in the embedded HTML text editor).  We would like for users to be able to click on the image in addition to the accompanying text. Is there a way to add a hyperlink on the image itself?

Please see the attached screenshot. You'll see we have "Compatibility Matrix" thumbnail image & text within the "Text & Embedded HTML" section that provides an <a href="...."></a> to direct visitors to another page. 

We tried to follow this post (http://slickmedia.co.uk/blog/glenns-blog/pagelines-dms-mediabox-add-link/), but it did not help us solve our challenge. 

Thank you very much for your help,

Marie Thiele

Marketing Coordinator, Syn-Apps LLC

480-355-6822

mthiele@syn-apps.com

media box.tiff

Share this post


Link to post
Share on other sites
Aires

Hi,

You can do this but you will have to use html only like so in the media box.

<a href="link to page here" target="_blank">
<img src="link to image here" alt="alt text here">
</a>

and if you want to get fancy you can add a class and apply some cool hover effects.

http://ianlunn.github.io/Hover/

~Aires

 


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
altonc

This method is a solution, however, in my case, creates another problem - padding. The padding options, and most importantly, the "Remove Media Box padding (Set to 0px)?" has no effect. I'm using 4 media boxes on a stack. The result images are spaced out with vertical padding whereas if the image is added via media box upload option, there's no space / padding between images. 

Any suggestions to make these images via HTML seamless?

Thanks.

Share this post


Link to post
Share on other sites

  • Similar Content

    • mtaus
      By mtaus+
      I have added a Lax section on the footer of this site: http://www.ics-law.org.php72-38.lan3-1.websitetestlink.com/ but the background image is not displaying. When I first add the image it appears in the background, but then after saving and reloading it is gone even though the thumbnail indicates it's still there. Screenshot attached.
      Any suggestions?

    • mtaus
      By mtaus+
      I'm trying to add a Careers page to a site to display job openings. The plan is to create a Post using a subcategory 'Careers' and then display those on the page. All of the post sections in PL seem to include images and there's no obvious way to remove them or include an excerpt from the post. 
      Any suggestions?
    • chamois_blanc
      By chamois_blanc+
      Hello,
      Shouldn't the image PL5 component be using the srcset/picture css directives to pick the correct size for an image? or it does already and I don't know how to use it? Thank you for any advice or enlightenment.
    • greatthingsllc
      By greatthingsllc+
      In Platform 5, Using Framework Section for Content , I have set the hyperlink colors in the CUSTOMIZE section.   However, none of the pages are properly displaying the link colors.   Just defaulting to black, and underline on hover.   I did not see where this would be controlled at the page level or lower
      Site    doritbrauer.com
      Thanks
      Josh

    • BentleyD
      By BentleyD+
      Hey there,
       
      I am working on BentleyRolling.com. I used grams on MoonbodySoul.com and all the images are cropped to a square, whether they are square or 4:5 when posted on instagram, they still get cropped to a square. This looks way better than some being squares and some being 4:5. Did something change since I designed MoonBodySoul.com with Platform5? Can you help me crop all images to a square on BentleyRolling.com 
       
      All the best,
       
      Bentley
×