Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 16, 2015 at 3:41 pm #504211
    Fionadee

    Hi,

    I am looking for a way to show a grid of newsletter covers as thumbnails, with links to download pdf files.

    I have looked at gallery and portfolio options, but cannot find a way to make this work. I need a thumbnail of the cover, a title and a link to download the pdf.

    I have used a workaround using “Avia Layout Builder > Text Block Element”, “Add media” to add the image and “Content Elements > Button” to add a button, giving me the following html in my text box:

    <h6><a href="http://www.-------------/pdf/no_56_spring_2015.pdf" target="_self">
Issue 56 – Spring 2015</a></h6>
<a href="http://www.-------------/pdf/no_56_spring_2015.pdf" target="_self"><img class="aligncenter size-full wp-image-606" src="http://www.-------------/png" alt="Newsletter 56" width="55" height="76" /></a>
[av_button label='Download here' link='manually,http://www.-------------/pdf' link_target="_self'' size='small' position='center' icon_select='yes' icon='ue887' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']

    My question is, can this be achieved more efficiently using another feature in Enfold – the Gallery for instance? Basically I need a group of newsletter cover images, a group of article cover images, with titles, and links to enable download of pdfs.
    We will need to add new material occasionally.

    I have included a private link below showing a rough working layout.

    Hope you can help,

    Best wishes
    Fiona

    September 16, 2015 at 3:47 pm #504218
    Elliott

    Hey Fionadee!

    If you need the text, image, and button like that then you will probably need to do it manually like how your currently doing. You could use the tabs or toggles to make it look more compact.

    Cheers!
    Elliott

    September 17, 2015 at 12:34 am #504452
    Fionadee

    Hi Elliot,
    Thanks for this, interesting to know that linked images will work with both tabs and toggles. But it’s still quite difficult to get a gallery-type effect with these.

    I was looking at this page on the forum relating to the plugin ‘WP Gallery Custom Links’:
    https://kriesi.at/support/topic/adding-links-to-a-gallery/

    I have loaded the plugin and recommended code but it doesn’t work correctly.
    A single image with a link results in a download but is followed by a blank white window.
    A gallery image does not result in a download and is followed by the message ‘This Image could not be loaded”

    Is this code up to date do you know? Or are there any other plugins that you would recommend?

    September 17, 2015 at 3:37 pm #504902
    Andy

    Hey!

    it worked for him when removing and reinstalling the plugin: https://kriesi.at/support/topic/adding-links-to-a-gallery/#post-225935 and maybe it would help for you as well.

    Best regards,
    Andy

    September 17, 2015 at 5:34 pm #505029
    Fionadee

    Hi Andy, thanks for getting back to me!

    I’ve tried deleting and reinstalling the plugin without success. The plugin installs fine and I can see all the new options but something seems to force a new blank page to open after the pdf downloads. Do you have any idea what might cause this?

    Could I ask another quick question related to this website?
    I have created the effect of a vertical rule between columns by using a background image and vertical tiling in a column. I would like to move the image further left i.e. beyond the edge of the layout box about -10px so that it appears to sit more centrally between columns. Is this possible?

    Best wishes,
    Fiona

    September 18, 2015 at 4:12 am #505208
    Ismael

    Hey!

    1.) If you want the link to automatically download the file instead of going to a new window or tab, you need to add the “download” attribute in the link tag. Something like this:

    <a href="http://www.dwmultimedia.co.uk/test/wordpress/wp-content/pdf/no_56_spring_2015.pdf" download>Download Here</a>

    2.) It’s not possible to push the background beyond the container or column. However, you can try this:

    .page-id-190 .flex_column.av_one_third.flex_column_div.av-zero-column-padding.avia-builder-el-4.el_after_av_two_third.avia-builder-el-last.column-top-margin {
    margin-left: 2%;
    padding-left: 4%;
}

    You might need to use css media queries to adjust the column background on mobile devices.

    Regards,
    Ismael

    September 18, 2015 at 10:39 am #505345
    Fionadee

    Hi Ismael, thanks very much for this, really helpful!

    One other thing, how do I target the social media icons in the footer, at present they are using the same css as those in the top bar. I would like to keep the footer icons small.

    Best Wishes,
    Fiona

    September 18, 2015 at 12:42 pm #505410
    Yigit

    Hey!

    Please add following code to Quick CSS as well and adjust as needed

    #socket .social_bookmarks li a {
    font-size: 12px;
}

    Cheers!
    Yigit

    September 18, 2015 at 1:07 pm #505442
    Fionadee

    That’s perfect, thank you –problem solved!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Linking to pdf files from an image’ is closed to new replies.